《WEB前端黑客技术揭秘》基础知识(二)之深入理解iframe
来源:互联网 发布:易语言内存搜索源码 编辑:程序博客网 时间:2024/05/29 14:19
深入理解iframe
iframe是内联框架。
写法:
<iframe id="corelframe" name="corelframe" src="/blank.html"></iframe>
常用属性:
1.frameborder:是否显示边框,yes,no。
2.height:框架作为一个普通元素的高度,建议在使用css设置。
3.width:框架作为一个普通元素的宽度,建议使用css设置。
4.name:框架的名称,window.frame[name]时专用的属性。
5.scrolling:框架的是否滚动。yes,no,auto。
6.src:内框架的地址,可以使页面地址,也可以是图片的地址。
比较特别的iframe属性只用三个:frameborder,scrolling,src,所有的iframe几乎都要指定。典型的iframe元素一般是:
<iframe id="mainIframe" name="mainIframe" src="http://www.baidu.com" frameborder="0" scrolling="auto" ></iframe> <iframe id="mainIframe" name="mainIframe" src="blank.html" frameborder="0" scrolling="auto" ></iframe>
iframe的跨域
iframe内的html页面可以有两个来源,本域内的页面,外部引用的页面。我们知道,为了安全,js是不能访问其他页面的对象和方法的,除非两个页面同域。这是可以理解的,因为你不可能希望别人修改引用你的网站时还修改你的网站。
如果有两段代码如下:
A:<iframe id="mainIframe" name="mainIframe" src="/main.html" frameborder="0" scrolling="auto" ></iframe> B:<iframe id="mainIframe" name="mainIframe" src="http://www.baidu.com" frameborder="0" scrolling="auto" ></iframe>
我们该如何取iframe和子页面?有以下方法代码:
var mainIframe = document.getElementById("mainIframe"); var mainIframeW = window.frames["mainIframe"]; var mainDocument = mainIframeW.document;
0 0
- 《WEB前端黑客技术揭秘》基础知识(二)之深入理解iframe
- 《WEB前端黑客技术揭秘》基础知识(一)
- Web前端黑客技术揭秘
- Web前端--黑客技术揭秘(菜鸟知识)
- Web前端黑客技术揭秘试读样章
- 图书推荐:《Web前端黑客技术揭秘》
- Web前端黑客技术揭秘 笔记1
- Web前端黑客技术揭秘 笔记2
- Web前端黑客技术揭秘 笔记3
- Web前端黑客技术揭秘 笔记4
- Web前端黑客技术揭秘 笔记5
- 《Web前端黑客技术揭秘》学习笔记-XSS
- web前端黑客技术揭秘学习笔记-漏洞的产生因素
- web前端黑客技术揭秘学习笔记-CSRF漏洞挖掘
- web前端黑客技术揭秘学习笔记-XSS漏洞挖掘
- JavaScript专题(二):深入理解iframe
- JavaScript专题(二):深入理解iframe
- JavaScript专题(二):深入理解iframe
- Linux下的多进程编程初步(转载)
- 在eclipse中配置tomcat,不用经常重启Tomcat
- UIdemo 制作一个简单的iPhone相册
- [Exercises]23 Concurrency
- Qt之实现360安全卫士主界面(二)
- 《WEB前端黑客技术揭秘》基础知识(二)之深入理解iframe
- HANA学院(04)-其他相关视频教程-01 SAP HANA建模练习
- Qt之实现360安全卫士主界面(三)
- iOS的7个基本手势
- CDN缓存那些事
- 类加载过程
- Qt之实现360安全卫士主界面(四)
- Android design library(二)----------FloatingActionButton + Snackbar
- effective c++:必须返回对象时,别妄想返回其reference