超链接单击以加载新页面并执行JavaScript

hyperlink click to load new page an execute javascript

本文关键字:执行 JavaScript 新页面 加载 单击 超链接      更新时间:2023-09-26

我有两页,a.htmlb.html

在 b.html 有两个按钮b1b2,单击运行时 javascript 函数pop()分别作为b1b2传递参数。现在运行 pop 会根据单击的按钮更改我b.html的内容。

现在我有两个超链接a1a2 a.html.我在这里要实现的是,如果我单击a1我希望加载b.html并且内容在单击b1后显示

所以基本上当我在a.html中单击a1时,我希望加载b.html,然后以b1作为参数执行pop()并显示结果页面。能做到吗?

您可以通过 URL 参数(例如 a.html?value=test)来完成此操作。

a.html 上,单击该按钮将转到b.html?dopop=true

然后你可以在页面加载上实现一些Javascript($(document).load(function() {});,并且有很多jQuery插件来处理参数)来检查dopop是否被指定或为true。 如果是,请执行该函数。

如果你使用的是jQuery,你可以做这样的事情:

<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
var content = $("div#content");
$("a#1").click(function(){
   content.load("a.html");
});
$("a#2").click(function(){
   content.load("b.html");
});
});
</script>
<a id="1" href="#">Click A</a>
<a id="2" href="#">Click B</a>
<div id="content"></div>

有关 jQuery load 的更多信息可以在这里找到:http://api.jquery.com/load/