js如何保证iframe里的内容，显示在父窗口

很多情况下，在使用iframe的时候，经常出现父窗口的内容，显示在了iframe里面，采用js判断的方式，即可简单的解决这个问题：

if (self != top) {
   top.location.href=window.location.href;
}

这个方法衍生的应用，还可以帮助你防止自己的页面，被其他的网站采用iframe的方式，挂到外面的网站上，如果你想阻止的话，这也是一个方法。

时间： 2024-10-01 22:27:41

js如何保证iframe里的内容，显示在父窗口的相关文章

Jquery：如何让子窗口的div显示在父窗口之上

<1> js或者jQuery访问页面中的框架iframe. 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. 假设:父窗口 index.html ,有id 为 subifrm 的iframe 1. 在index.html执行JS直接访问子窗口中某元素: document.getElementById('subifrm').contentWindow.document.getElementById('test').style.color='red' 2. 利用jquery 来访问

jquery:iframe里面的元素怎样触发父窗口元素的事件？

例如父窗口定义了一个事件. top: $(dom1).bind('topEvent', function(){}); 那么iframe里面的元素怎样触发父窗口dom1的事件呢?这样吗? $(dom1, parent.document).trigger('topEvent'); 看似正确,实则误导人. 因为父窗口的jquery对象与iframe里面的jquery对象实际为两个对象(function),iframe里面的jquery并不会触发另一个jquery对象定义的事件.除非你在iframe这样

iframe中的模态框遮罩父窗口原理

关键点: css的position定位为fixed或absolute css的z-index, 最顶层的值最大如遮罩层为0那么弹出框最好是大于等于1的整数,总之记住弹出层要比遮罩的z-index值大就行如果弹出模态框的使用场景没有嵌套在iframe或frame中掌握以上两点加上点css功底就可以写出漂亮的模态框了特殊场景会涉及到跨域问题,可以在父页面和子页面分别设置<script type="text/javascript">document.domain="

iframe学习（七）之父窗口的样式会影响子窗口吗？

父窗口的样式会影响子窗口吗? 这个答案是否定的,父窗口的样式不会影响子窗口 // 主窗口 <style> p { color: red; } </style> <script> window.onload = function () { var s = document.getElementsByTagName('iframe')[0]; } </script> </head> <body> <p>11</p>

js 控制 <head></head>中 <title>内容（IE8）

关于js 控制 <head></head>中 <title>内容显示这几天一直在调试IE8兼容性问题开发使用浏览器为FireFox,个人觉得FireFox下很多CSS,JS规范不够严谨,在使用其他浏览器时效果不同(虽然开发时使用FireFox很酷很便捷) 之前一直这样写: $("title").text(index_name); 使用IE8如下报错: 意外地调用了方法或属性访问正确规范写法如下: document.title = index_n

总结js(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

http://hi.baidu.com/yashua839/blog/item/131fdb2fe547ef221f3089af.html一.Iframe 篇 //&&&&&&&&&&&&&&&&&&&&公共方法开始&&&&&&&&&&&&&&a

JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

一.Iframe 篇公共部分 //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValue(ObjectID,ContentID) { var IsIE = (navigator.appName == 'Microsoft Internet Explorer') if(IsIE) {//如果是IE alert(document.frames(ObjectID).document.getElementById(ContentID).i

获取父窗口iframe方法

在页面中,有个iframe,基于这个iframe,弹出了个窗口,这个窗口在关闭的时候需要操作iframe里的元素. 做法是 window.top.document.getElementById("_view_user_index_").contentWindow.document.getElementById("Score").value = $("#txt_Deductible").val(); 这里的_view_user_index_是ifr

父窗口与iFrame之间调用方法和元素

父窗口与iFrame之间调用方法和元素父窗口调用子窗口: 调用元素 js格式: var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj.click(); 实例: var obj=document.getElementById("ifm").content