==========
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 权威指南读书笔记 我自己画的一张图
MySQL权威指南读书笔记MySQL权威指南读书笔记MySQL权威指南读书笔记
Hadoop权威指南----读书笔记
http权威指南,相关的读书笔记。http权威指南,相关的读书笔记。
自己对《Javascript权威指南》的学习过程中摘录下来的笔记,去掉了那些简单的、罗索的相关介绍,重点在于那些不常用到的语法,规则,以及重点内容的相关示例,此为WORD版,这是第二部分,主要是讲客户端Javascript的...
此笔记写得非常好将jquery权威指南中常用的地方都罗列出来了适合朋友们去取经,本人已阅读不敢独享所以拿出来分享下,希望大家多多支持
自己对《Javascript权威指南》的学习过程中摘录下来的笔记,去掉了那些简单的、罗索的相关介绍,重点在于那些不常用到的语法,规则,以及重点内容的相关示例,此为WORD版,这是第一部分,主要是讲Javascript的基础...
《MongoDB权威指南》读书笔记1
CGI编程指南读书笔记CGI编程指南读书笔记CGI编程指南读书笔记
USB读书笔记 USB读书笔记 USB读书笔记 USB读书笔记
Javascript权威指南笔记.docx
javascript权威指南自己学习的一些心得,希望大家一起进步
Hadoop权威指南----读书笔记介绍Hadoop这一高性能处理海量数据集的理想工具
内网安全攻防-渗透测试指南 读书笔记
《PHP与MySQL权威指南》读书笔记模板x.pptx
个人精心整理的学习笔记,总结了权威指南中的主要内容,希望可以对初学者有帮助。
javascript读书笔记1:初次学习javascript的同学比较实用的材料,想要的可以下载;
《嵌入式Linux C语言应用程序设计》读书笔记《嵌入式Linux C语言应用程序设计》读书笔记《嵌入式Linux C语言应用程序设计》读书笔记《嵌入式Linux C语言应用程序设计》读书笔记《嵌入式Linux C语言应用程序设计》...
计算机技术的读书笔记10篇计算机技术的读书笔记10篇计算机技术的读书笔记10篇计算机技术的读书笔记10篇计算机技术的读书笔记10篇
学生读书笔记共享-学生读书笔记共享系统-学生读书笔记共享系统源码-学生读书笔记共享管理系统-学生读书笔记共享管理系统java代码-学生读书笔记共享系统设计与实现-基于springboot的学生读书笔记共享系统-基于Web的...