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

Question

所以，我使用的是 IBM Worklight，我在其中调用了主文件file1.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 

对新创建的窗口的引用。如果调用失败，它将为空。该引用可用于访问新窗口的属性和方法，前提是它符合同源策略安全要求。

strUrl 

要在新打开的窗口中加载的 URL。 strUrl可以是 Web 上的 HTML 文档、图像文件或浏览器支持的任何资源。

strWindowName 

新窗口的字符串名称。名称可以用作链接和表单的目标，使用<a>or<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>