chrome跨域访问iframe的元素

最新推荐文章于 2024-08-04 11:05:07 发布

银狐被占用

最新推荐文章于 2024-08-04 11:05:07 发布

阅读量6.3k

点赞数

分类专栏： JAVASCRIPT

本文链接：https://blog.csdn.net/baby97/article/details/52792517

版权

JAVASCRIPT 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

设置chrome的打开参数 --args --disable-web-security --user-data-dir

<!DOCTYPE html>
<html lang="zh-CN">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
      <title>测试</title>
   </head>
<body>
搜索词:<input type="text" id="key" placeholder="input key" value="JS脚本">
点击第几条:<input type="text" id="start" placeholder="start num" value="5">
<button id="run">Run</button>
<br><br>
<iframe src="http://www.baidu.com" id="web_content" width="1024" height="768"></iframe>

   <script>
      var $ = {
         keyObject:null,
         startObject:null,
         iframeObject:null,
         buttonObject:null,
         init:function(key,num,iframe,button){
            this.keyObject = this.objById(key);
            this.startObject = this.objById(num);
            this.iframeObject = this.objById(iframe);
            this.buttonObject = this.objById(button);
            this.buttonObject.onclick = this.searchKey;
         },
         searchKey:function(){
                $.iframeObjById('kw').value = $.keyObject.value;
                $.iframeObjById('su').click();
                $.subClick();
         },
            subClick:function(){
                setTimeout(function(){
                    $.iframeObjById($.startObject.value).getElementsByTagName('a')[0].click();
                },2000);
            },
         objById:function(id){
            return document.getElementById(id);
         },
         iframeObjById:function(id){
            return $.iframeObject.contentWindow.document.getElementById(id);
         }
      }
      $.init('key','start','web_content','run');
   </script>
   </body>
</html>