如何在单击时执行一个页面的javascript以触发另一个页面上的单击事件?

时间:2011-10-24 06:22:25

标签: anchor jquery

这是第1页上的链接:

<li id="click1">
  <a href="products.htm#test4Handle1">TNT Cable System</a>
</li>`

这是我想要在第2页触发的内容:

<a name="test4Handle1">
  <button onclick="$('#test4Handle1').click()">TNT Cable System</button>
</a>

我对jquery的尝试

$("test4Handle1").observe('domready',function() {
  document.getElementById("test4Handle1").click();
});

哪个页面应该包含javascript第1页或第2页?

3 个答案:

答案 0 :(得分:2)

检查这是否对您有所帮助。 以下是我开始工作的一个例子

这是Page1.html

<!DOCTYPE html>
<html>
<head>
  <title>Page1</title>
</head>
<body>
  <h2>Page1</h2>
  <a href="page2.html?event=true">Click here to go on page2</a>
</body>
</html>

这里是Page2.html

<!DOCTYPE HTML>
<html>
<head>
  <title>Page2</title>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js" >   
  </script>
  <script type="text/javascript">
    $(function() { 
      var prevURL = (window.location.search).contains("event=true");
      if(prevURL == true)
        $("#btn_click").click();
      else
        alert("Not proper prev page");
     });
  </script>
</head>
<body>
  <h2>Page2</h2>
  <a href="page1.html">Click here to go on page1</a>

  <input type="button" id="btn_click" value="Test Button Click"/>
  <script>
    $("#btn_click").click(
       function() {
         alert("Button CLicked From jQuery");
       });
  </script>
</body>
</html>

答案 1 :(得分:1)

在第2页上,粘贴此代码

$(document).ready(function(){
if(window.location.hash == "#test4Handle1"){
document.getElementById("test4Handle1").click();
}
});

答案 2 :(得分:0)

如果我理解正确的话,我不得不说你要找的东西是不可能的。脚本被绑定到加载它们的页面。虽然它们可能会触发新窗口的创建,但是无法与这些窗口,它们的DOM以及它们运行的​​脚本进行交互。