将html文件与js文件链接

时间:2014-02-19 08:53:33

标签: javascript html

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

<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文件链接起来。

2 个答案:

答案 0 :(得分:0)

尝试这种方法:

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

js :(假设有一个id为id&#34; foo&#34;在xyz.html中)

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

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

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

答案 1 :(得分:0)

  

包括jquery库   尝试将ID添加到iframe对象中,如下所示:

  

并在你的js文件中写:

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

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