JS window对象的top、parent、opener含义介绍以及防止网页被嵌入框架的代码

1.top
该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。
2.opener
opener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如：A页面通过window.open()方
法弹出了B页面，在B页面中就可以通过opener来引用A页面，这样就可以通过这个对象来对A页面进行操作。
3.parent
parent用于在iframe,frame中生成的子页面中访问父页面的对象。例如：A页面中有一个iframe或frame，那么iframe
或frame中的页面就可以通过parent对象来引用A页面中的对象。这样就可以获取或返回值到A页面中。
4.另外self 指的是当前窗口

parent与opener的区别：

parent指父窗口，在FRAMESET中，FRAME的PARENT就是FRAMESET窗口。
opener指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。
parent是相对于框架来说父窗口对象
opener是针对于用window.open打开的窗口来说的父窗口，前提是window.open打开的才有

document.parentWindow.menthod()調用父頁面的方法

top实例

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>top</title>
<script>
function check(){
if (window.top!=window.self) {
document.write("<p>这个窗口不是最顶层窗口!我在一个框架?</p>")
}
else{
document.write("<p>这个窗口是最顶层窗口!</p>")
}
}
</script>
</head>
<body>
<input type="button" οnclick="check()" value="检查窗口">
</body>
</html>

一段很简单的防止网页被嵌入框架的代码javascript代码，大家只要将它放入网页源码的头部，那些流氓就没有办法使用你的网页了。

if (window!=top) // 判断当前的window对象是否是top对象

top.location.href =window.location.href; // 如果不是，将top对象的网址自动导向被嵌入网页的网址

</script>

JS window对象的top、parent、opener含义介绍以及防止网页被嵌入框架的代码相关推荐

（转）JS window对象的top、parent、opener含义
1.top 该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量. 2.opener opener用于在window.open的页面引用执行该 ...
JS window对象常用方法
窗口对象的属性和方法: 格式: [window.]属性 [window.]方法(参数) opener.属性 opener.方法(参数) self.属性 self.方法(参数) parent.属性 pa ...
JS window对象详解
JS window对象详解 1.window对象 2.窗口操作打开窗口关闭窗口 3.对话框 confirm prompt 4.定时器 setTimeout和clearTimeout setInte ...
top,parent,opener,iframe
2019独角兽企业重金招聘Python工程师标准>>> 1.top: 分割窗口最高层次的浏览器窗口.采用如下方式进行访问:top.frames['sub_frm'].******** ...
JS window对象 Location对象 location用于获取或设置窗体的URL，并且可以用于解析URL。语法: location.[属性|方法]...
Location对象 location用于获取或设置窗体的URL,并且可以用于解析URL. 语法: location.[属性|方法] location对象属性图示: location 对象属性: lo ...
JS window 对象打开新窗口
一.window.open() window.open(URL,name,specs,replace) 功能描述: 使用 window.open()方法既可以导航到一个特定的 URL,也可以打开一个新 ...
JS window对象 Navigator对象 Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。...
Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本. 对象属性: 查看浏览器的名称和版本,代码如下: <script type=" ...
JS window对象返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。语法： window.history.back();...
返回前一个浏览的页面 back()方法,加载 history 列表中的前一个 URL. 语法: window.history.back(); 比如,返回前一个浏览的页面,代码如下: window.hi ...
前端：JS/24/BOM和DOM简介，for...in循环遍历，window对象的属性和方法，延时器，定时器，screen屏幕对象，location地址栏对象，history历史记录对象
BOM 和DOM简介 BOM ,Browser Object Model ,浏览器对象模型: BOM主要提供了访问和操作浏览器各组件的方式: 浏览器组件:window(浏览器容器), location ...

JS window对象的top、parent、opener含义介绍以及防止网页被嵌入框架的代码

JS window对象的top、parent、opener含义介绍以及防止网页被嵌入框架的代码相关推荐

最新文章

热门文章

JS window对象的top、parent、opener含义介绍 以及防止网页被嵌入框架的代码

JS window对象的top、parent、opener含义介绍 以及防止网页被嵌入框架的代码相关推荐

最新文章

热门文章

JS window对象的top、parent、opener含义介绍以及防止网页被嵌入框架的代码

JS window对象的top、parent、opener含义介绍以及防止网页被嵌入框架的代码相关推荐