美文网首页
JS操作Iframe中属性、事件

JS操作Iframe中属性、事件

作者: 过桥 | 来源:发表于2015-09-11 14:39 被阅读699次

实现效果

1.打开百度,自动查询XXX关键字
2.已知用户名、密码情况下,自动登录。

实现方式

1.C#代码实现,使用WebBrowser
2.脚本实现,使用ActiveXObject,动态创建页面

代码示例

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JS操作Iframe中属性、事件(跨域)</title>

    <script type="text/javascript">
    //参考:http://www.woyaofeng.com/409.html
    function page_load()
    {
        //创建一个IE窗口 
        var ie = new ActiveXObject("InternetExplorer.Application"); 
        //显示 
        ie.visible = true;   

        ie.navigate("http://www.baidu.com");
        
        //等待加载完毕 
        while(ie.busy){
        }   
        
        //获得window和document和表单的引用 
        var document = ie.document; 
        var window = document.parentWindow; 
        var form = document.forms[0];   
        
        //通过控件 ID 赋值
        window.document.getElementById("kw").value = "新闻热点"; 
        
        //通过控件 Name 赋值
        //form.wd.value = "新闻热点"; 
        
        //页面iframe中控件赋值
        //window.document.getElementById("indexFrame").contentWindow.document.getElementById("username").value = "admin";
        
        window.document.getElementById("su").click(); 
    }
    function page_close()
    {
        window.opener=null 
        window.open("","_self") 
        window.close(); 
    }
    </script>

</head>
<body onload="page_load();page_close();">
</body>
</html>

相关文章

  • JS操作Iframe中属性、事件

    实现效果 1.打开百度,自动查询XXX关键字2.已知用户名、密码情况下,自动登录。 实现方式 1.C#代码实现,使...

  • js 操作iframe容器里的页面

    一、父级窗口操作iframe里的dom JS操作iframe里的dom可是使用contentWindow属性,co...

  • js代码段

    js代码记录 jquery子页面(iframe)操作 父页面中的 iframe元素 js判断是否是数字 js判断邮...

  • JS操作属性、JS换肤、JS操作style属性、JS操作clas

    JS操作属性: JS换肤: JS操作style属性: JS操作class: JS中括号操作属性: JS函数: JS...

  • 前端(十二)2

    1.代码块 2.js操作属性 3.js换肤 4.js操作style属性 5.js操作 6.js中括号操作属性 7....

  • JS-12day

    1、js操作style属性 2、js操作属性 3、js函数 4、js换肤 5、js换肤可控制 6、js中括号操作属...

  • 前端笔记10

    条件运算符 运算符优先级 代码块 js操作属性 换肤 js操作style属性 js操作class属性 js中括号操...

  • JS属性

    JS操作style属性 JS操作class JS操作括号属性 var oDiv = document.getEle...

  • JS操作属性 定时器和函数

    JS操作style属性 JS操作class JS操作括号属性 var oDiv = document.getEle...

  • js控制iframe内部css样式

    项目中需要对iframe引用的网页进行样式修改,使用js的元素查询功能进行操作,如图中希望对iframe中的ul高...

网友评论

      本文标题:JS操作Iframe中属性、事件

      本文链接:https://www.haomeiwen.com/subject/eippcttx.html