web-dev-qa-db-ja.com

jQueryを使用して新しいHTMLページを開く方法

だから、IBM Worklightを使用して、_file1.html_というメインファイルがあり、_file2.html_という別のhtmlファイルを作成しました。

File2を開こうとしていますが、これまでのところ運はありません。次のコードを試してみました:

  1. $(this).load("file2.html");

  2. $("div1").load("file2.html"); //div1 is the id for outer div of file1

  3. WL.App.openUrl("file2.html");

  4. window.openURL("file2.html");

そして、これらのどれも機能しませんでした!助言がありますか?

10
Cute_Ninja

JQueryを使用する場合は、.load()関数が正しい関数です。

しかし、例2のdiv1 idセレクターから#が欠落しています

これは動作するはずです:

$("#div1").load("file2.html");
4
Hank

window.open("file2.html");を使用して新しいウィンドウで開きます。

または、window.location.href = "file2.html"を使用して同じウィンドウで開きます。

43
Habibillah

window.open( "file2.html"); を使用します

構文

var windowObjectReference = window.open(strUrl, strWindowName[, strWindowFeatures]);

戻り値とパラメータ

windowObjectReference 

新しく作成されたウィンドウへの参照。呼び出しが失敗した場合、nullになります。参照は、Same Originポリシーのセキュリティ要件に準拠している場合、新しいウィンドウのプロパティとメソッドにアクセスするために使用できます。

strUrl 

新しく開いたウィンドウにロードされるURL。 strUrlは、Web上のHTMLドキュメント、画像ファイル、またはブラウザでサポートされているリソースです。

strWindowName 

新しいウィンドウの文字列名。名前は、<a>または<form>要素のtarget属性を使用して、リンクおよびフォームのターゲットとして使用できます。名前に空白スペースを含めることはできません。 strWindowNameは新しいウィンドウのタイトルを指定しないことに注意してください。

strWindowFeatures 

新しいウィンドウの機能(サイズ、位置、スクロールバーなど)をリストするオプションのパラメーター。文字列に空白を含めることはできません。各機能名と値はコンマで区切る必要があります。

6
btiernay

Ajaxを使用する必要があります。

http://api.jquery.com/jQuery.ajax/

<code>
$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});
</code>
1
user1171884