窗口完成加载时在框架上运行功能

时间:2017-08-21 04:02:43

标签: javascript html

我想在框架内运行函数点击特定ID,所以我制作了两个html文件,我就像这样编写脚本

主要的html是index.html

    <!DOCTYPE html>
     <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <script type="text/javascript">
       function autoClick(){
    document.getElementById('framing').contentWindow.document.getElementById('trig').click();
        }
       </script>
     </head>
     <body onload="autoClick();">
            <iframe name="framing" id="framing" src="testing.html" frameborder="0" scrolling="no" height="1200px" width="100%"></iframe>
     </body>
    </html>

另一个是testing.html

    <!DOCTYPE html>
    <html>
     <head>
      <meta charset="UTF-8">
      <script>
       window.onbeforeunload = function(){
       return false; // This will stop the redirecting.
      }
      </script>
     </head>
    <body>
    <div>
      <a id="trig" href='http://www.redirect.com/' target='iName'>Home</a>
    </div>
        <iframe src="about:blank" name="iName" frameborder="0" scrolling="no" height="1200px" width="100%"></iframe>
    </body>
    </html>

所以当index.html完成加载页面时,我希望该功能点击<a id=trig" href='http://www.redirect.com/' target='iName'>Home</a> 内部testing.html内的framing 点击后,trig将加载一个将包含在http://www.redirect.com框架内的网站iName,但网站http://www.redirect.com会有一个脚本,可将TLD重定向到他们的网站,所以我把脚本防止页面打破iframe`        window.onbeforeunload = function(){        返回false; //这将停止重定向。       }

这两个html文件托管在同一个域中。但是当我尝试运行它时,没有触发功能点击,任何人都可以帮助我吗?

谢谢你,对不好的英语抱歉,这不是我的母语

0 个答案:

没有答案