将 html 文件与 js 文件链接答案

【问题标题】：linking html file with js file将 html 文件与 js 文件链接
【发布时间】：2014-03-19 11:31:18
【问题描述】：

我在一个 asp 页面上有一个按钮，它调用 js 文件“java_s.js”中的一个函数，该文件具有参数 a 和 b 。像这样：

<button id="abc" onclick= "LoadContent(a,b)"></button>

现在有另一个 asp 页面，其中包含一个 iframe，并显示 html 页面 xyz.html 的内容，如下所示：

<iframe src="xyz.html"></iframe>

我在其中包含了 java_s.js 文件。但问题是当调用此 LoadContent() 函数时，它无法将内容放入 xyz.html 中定义的 div 中。所以我的问题是如何将这个 js 文件与 html 文件链接起来。

【问题讨论】：

Communication between iFrames?的可能重复
您是否先尝试过同一页面？
如果我在上面提到的 iframe 中包含这个按钮。内容正在 iframe 内部。但是这个按钮必须在不同的页面中。或者如果我在按钮所在的页面中包含该 html 页面。整个内容都来自 iframe。

标签： javascript html

【解决方案1】：

包含 jquery 库尝试将 ID 添加到您的 iframe 对象，如下所示：

在你的 js 文件中写入：

function LoadContent(a,b){
return // a , b args
}

$("#abc").live("click",function(){
$("#any").html(LoadContent(a,b));
});

【讨论】：

【解决方案2】：

试试这个方法：

<iframe id="iframe1" src="xyz.html"></iframe>

js:（假设xyz.html中有一个id为“foo”的div）

var foo = document.getElementById('iframe1').contentWindow.document.getElementById("foo");

var div = document.createElement("div");
foo.appendChild(div);

您也可以使用 jQuery，这将需要您编写更少的代码。

【讨论】：