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

Question

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

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

但它不起作用。

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

Answer 1

从home.html取出函数loadRequest() ，将其放在一个单独的javascript文件中，让我们说functions.js ，将该脚本同时包含在request.html和home.html ，内容与

<script src="functions.js"></script>

然后像这样简单地调用它：

<a " href="javascript:loadRequest()" >Add & Remove</a>

来自home.html和request.html

Answer 2

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

最接近您的可能是将第二个页面加载到框架中，等待加载事件，然后浏览DOM（ top.frames.etc... ）以在框架中触发函数。

如果框架是在不同的原点上，则需要使用postMessage要求页面执行函数本身。

通常，我更喜欢通过在第二页中使用不同的URL（即使仅添加片段标识符）来实现此目的，并且让第二页中的代码检查自己的URL并在适当的情况下触发JS函数。

Answer 3

尝试这个

将您的js代码放在其他文件中。

externalfile.js //代码

function loadRequest()
{
// code
}

然后在您的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

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

问题描述

3 个解决方案

解决方案1
0 2014-05-09 08:24:07

解决方案2
0 2014-05-09 08:28:23

解决方案3
0 2014-05-09 08:29:36

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

问题描述

3 个解决方案

解决方案1 0 2014-05-09 08:24:07

解决方案2 0 2014-05-09 08:28:23

解决方案3 0 2014-05-09 08:29:36

解决方案1
0 2014-05-09 08:24:07

解决方案2
0 2014-05-09 08:28:23

解决方案3
0 2014-05-09 08:29:36