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

Question

所以，我正在使用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");

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

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>