如何使用jQuery打开一个新的HTML页面？

Question

所以，我使用的IBM工作灯在那里我有主文件名为file1.html然后我创建了另一个HTML文件file2.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");

这些都没有奏效！ 有什么建议？

Answer 1

使用window.open("file2.html"); 在新窗口打开，

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

Answer 2

使用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 

可选参数，列出新窗口的功能（大小，位置，滚动条等）。 该字符串不得包含任何空格，每个要素名称和值必须用逗号分隔。

Answer 3

如果你想使用jQuery，.load（）函数是你正在使用的正确函数;

但是你缺少示例2中div1 id选择器的#

这应该工作：

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

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>