如何使用jQuery打开一个新的HTML页面?(How to open a new HTML pag

2019-07-01 10:21发布

所以,我使用的IBM工作灯在那里我有主文件名为file1.html然后我创建了另一个HTML文件file2.html

我试图打开文件2,但至今没有运气。 我想下面的代码片段:

  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");

而没有这些工作! 有什么建议?

Answer 1:

如果你想使用jQuery的.load()函数是正确的功能,你是后;

但你缺少#从DIV1 id选择在本例中2)

这应该工作:

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


Answer 2:

使用window.open("file2.html"); 对新窗口中打开,

或使用window.location.href = "file2.html"对同一窗口中打开。



Answer 3:

使用window.open( “file2.html”);

句法

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

返回值和参数

windowObjectReference 

引用到新创建的窗口。 如果调用失败,这将是空的。 参考可用于访问属性和新的窗口方法来提供其与同源策略的安全要求。

strUrl 

在新打开的窗口中加载的URL。 strUrl可对网页,图片文件,或通过浏览器所支持的任何资源的HTML文档。

strWindowName 

一个字符串名称为新窗口。 该名称可以被用作使用的目标属性的链接和形成目标<a><form>元素。 名称不应包含任何空格。 需要注意的是strWindowName不指定新窗口的标题。

strWindowFeatures 

可选参数列表的特征(大小,位置,滚动条等)的新窗口。 该字符串不能包含任何空格,每个功能名称和值必须用逗号隔开。



Answer 4:

你需要使用AJAX。

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

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


文章来源: How to open a new HTML page using jQuery?