==========
1、客户端javscript中 全局对象时window
var a="nihao";
window.b = "nihao!";//等同于上一句
console.log(window.a);
console.log(a);
console.log(window.b);//nihao!
console.log(b);//nihao!
2、同源策略
当一个web页面使用多个帧（包括<iframe>标记）或者打开其他浏览器窗口，这一策略发挥作用。
3、帧之间访问
包括 父子帧之间、兄弟帧之间
书上P295 图14-3 很好体现的帧之间的关系
--》父帧
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>iframe测试程序</title>
<script type="text/javascript" >
//父帧的方法
function test(){
console.log("parent中的方法！")
}
//调用子帧的方法（两种方式）
function callChildIframe(){
//frames[0].iframeTest();
parent.iframe1.iframeTest();//必须加parent,且iframe标签必须用name 不能用id
}
</script>
</head>
<body>
<iframe name="iframe1" src="iframe.html" width="100%" height="90%"></iframe>
<iframe name="iframe2" src="iframe2.html" width="100%" height="90%"></iframe>
<input type="button" id="mb1" value="调用子帧的方法" onclick="callChildIframe()"/>
</body>
</html>
--》子帧1
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript" type="text/javascript">
//子帧的方法
function iframeTest(){
console.log("子帧的方法！");
}
//调用父帧中的方法（三种方式）
function callParentTest(){
//parent.test();
//top.test();//不管帧有多少层次直接跳到顶层
var parentTest = top.test;
parentTest();
}
//调用兄弟帧中的方法（两种方式）
function callbratherTest(){
//parent.frames[1].iframe2Test();
parent.iframe2.iframe2Test();
}
</script>
</head>
<body">
<input type="button" id="mb2" value="调用父帧中的test方法" onclick="callParentTest()" /> <br>
<input type="button" id="mb2" value="调用兄弟帧中的test方法" onclick="callbratherTest()" /> <br>
</body>
</html>
--》子帧2
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript" type="text/javascript">
//子帧的方法
function iframe2Test(){
console.log("子帧2的方法！！");
}
</script>
</head>
<body">
</body>
</html>
分享到：
相关推荐
Hadoop 权威指南读书笔记 我自己画的一张图
Hadoop权威指南----读书笔记
读书笔记：Netty 权威指南读书笔记
### JavaScript权威指南学习笔记二：客户端JavaScript #### 第十二章：Web浏览器中的JavaScript ##### 一、Web浏览器环境 在客户端JavaScript中，浏览器提供了一个特定的执行环境，其中`window`对象扮演着至关...
阅读《HTTP权威指南》的读书笔记可以帮助我们深入理解HTTP协议的各个方面，包括其基础知识、结构、安全机制以及在Web架构中的作用。 一、***的基础 HTTP协议是Web的基础，负责在客户端（如Web浏览器）和服务器之间...
MySQL权威指南是一本深入介绍MySQL数据库管理和使用的书籍。在第一章中，作者首先引导读者理解数据库的基本概念，并通过实例解释了数据库的重要性以及关系数据库的工作原理。MySQL作为一款流行的关系型数据库管理...
_IDApro权威指南个人学习笔记_ 《IDApro权威指南》个人学习笔记是关于IDApro反汇编工具的使用指南，该指南涵盖了IDApro的基础功能、指令优化、数组、结构体、网络节点等方面的知识点。 基础功能强化 IDApro是一款...
JavaScript权威指南笔记是深入理解和掌握JavaScript这门编程语言的重要参考资料。这份笔记包含了作者在研读《JavaScript权威指南》过程中的学习体会和理解，旨在帮助读者更有效地掌握JavaScript的核心概念、语法特性...
读书笔记：《Netty权威指南》读书笔记与代码学习
读书笔记：Java 性能权威指南笔记
CGI编程指南读书笔记CGI编程指南读书笔记CGI编程指南读书笔记
读书笔记：【翻译】Web性能权威指南
读书笔记：netty权威指南2
读书笔记：图灵 Kafka权威指南看书学习笔记
读书笔记：netty权威指南第2版学习笔记
读书笔记：书籍《Netty权威指南(第2版)》案例代码
读书笔记：Netty权威指南 笔记Note of The Definitive Guide
读书笔记：netty权威指南2源码