码迷,mamicode.com
首页 > 其他好文 > 详细

iframe操作

时间:2015-05-04 15:12:25      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
<script type="text/javascript">
window.onload = function(){
    var oInput = document.getElementById(input1);
    var oIframe = document.getElementById(iframe1);

    oInput.onclick = function(){
        //oIframe.contentWindow.document.getElementById(‘div1‘).style.color = ‘red‘;//所有浏览器都支持
        oIframe.contentDocument.getElementById(div1).style.color = red;//ie6 7不支持

    }

    /*其他的一些操作:
    window.parent:表示父层的window
    window.top:表示最顶层的window
    注意iframe的onload事件在ie下只能用绑定的形式,attachEvent(‘onload‘,function(){});

    防钓鱼:
    if(window!=window.top){
        window.top.location.href = window.location.href;
    }*/
}
</script>
</head>
<body>
    <input type="button" value="改变" id="input1" />
    <iframe src="iframe1.html" id="iframe1"></iframe>
</body>
</html>

 

iframe操作

标签:

原文地址:http://www.cnblogs.com/toodeep/p/4476144.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!