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

【问题标题】：How to open a new HTML page using jQuery?如何使用 jQuery 打开一个新的 HTML 页面？
【发布时间】：2012-10-10 15:15:40
【问题描述】：

所以，我使用的是 IBM Worklight，我有一个名为 file1.html 的主文件，然后我创建了另一个名为 file2.html 的 html 文件。

我正在尝试打开 file2，但到目前为止没有运气。我尝试了以下代码：

这些都不起作用！有什么建议吗？

【问题讨论】：

试过window.location.href = 'file2.html' ?
如果你选择id，那么你需要在id前加上#：$('#div1').load(/* ...other stuff... */);
怎么打开？在新的单独浏览器选项卡中？还是在同一个选项卡中（替换当前页面）？还是作为弹出窗口？还是进入当前页面中的 IFRAME 元素？或者只是将第二页的内容转储到当前页中？你必须更具体。

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

使用window.open("file2.html");

语法

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

返回值和参数

windowObjectReference

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

strUrl

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

strWindowName

新窗口的字符串名称。使用<a> 或<form> 元素的目标属性，该名称可以用作链接和表单的目标。名称不应包含任何空格。注意strWindowName 没有指定新窗口的标题。

strWindowFeatures

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

【讨论】：

【解决方案3】：

如果你想使用 jQuery，.load() 函数是你所追求的正确函数；

但您在示例 2 中的 div1 id 选择器中缺少 #）

这应该可行：

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

【讨论】：

好吧，这很好用 $.get("file2.html", function (deals) { $('#wrapper').html(deals); getDeals(deals);...但是现在我如何才能访问 file2..file2 中的交易有不同的 jQuery 文件？？请帮助 });
或执行$("body").load("index.html") 以呈现新页面
这会在模态窗口内打开页面（如果您在模态窗口内）。

【解决方案4】：

你需要使用ajax。

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

【讨论】：