0调用来自不同html文件的html文件中声明的js函数

时间:2014-05-09 08:17:52

标签: javascript jquery html

我有两页home.html和request.html
request.html有三个js函数loadRequest()loadUser()loadSentRequest() 调用request.html时调用的默认函数是loadUser() 问题是,我想在loadRequest()中致电request.html,向用户显示来自home.html的快速通知。
目前我尝试使用标签

" href="requests.html:loadRequest()" 

但它不起作用。

任何帮助将不胜感激。
有没有其他方法可以从html页面调用子页面。

3 个答案:

答案 0 :(得分:0)

loadRequest()取出您的功能home.html,将其放在单独的javascript文件中,比如functions.js,在request.html和{{1}中包含该脚本

的某些内容
home.html

然后简单地称之为:

<script src="functions.js"></script>
来自<a " href="javascript:loadRequest()" >Add & Remove</a> home.html

答案 1 :(得分:0)

无法指示浏览器离开当前页面,转到新网址,然后在该页面中执行一些JavaScript。

你最接近的可能是在一个帧中加载第二页,等待加载事件,然后浏览DOM(top.frames.etc...)以激活框架中的函数。

如果框架位于不同的原点,则需要使用postMessage来请求页面执行该功能。

我通常更喜欢通过为第二页使用不同的URL(即使它只添加片段标识符)并在第二页中使用代码检查其自己的URL并在适当时触发JS函数来执行此操作。

答案 2 :(得分:0)

试试这个

将你的js代码放在另一个文件中。

externalfile.js // code

function loadRequest()
{
// code
}

然后在head.html中的request.html中

<head>
<script src="externalfile.js"></script>
</head>

<a href="requests.html" onclick="loadRequest();">Add & Remove</a> // onclick can be changed to a dom event

是事件的内联处理

以下链接中的更多信息 http://www.w3schools.com/js/js_htmldom_events.asp http://www.w3schools.com/js/js_whereto.asp