天天看点

《HTML5 开发实例大全》——1.24 在网页中显示一个文本框架

本节书摘来自异步社区《html5 开发实例大全》一书中的第1章,第1.24节,作者: 张明星 更多章节内容可以访问云栖社区“异步社区”公众号查看。

《HTML5 开发实例大全》——1.24 在网页中显示一个文本框架

实例说明

在html 5 中,< iframe >元素的功能是在页面中创建包含另一文档的框架。出于对页面安全性的考虑,html 5不再支持< frame >框架元素,包括< frameset >框架集元素,但仍然支持< iframe >元素,只是该元素的一些原有属性不再被支持,而仅仅支持“src”属性。

众所周知,当使用< iframe >元素包含了另一个页面时,这一操作的安全性会让开发者担忧。为了避免这个问题,在html 5中新增加了一个元素的属性“sandbox”,通过该属性的设置,可以避免私自访问父页面、执行异样脚本、通过脚本嵌入表单或控制表单。属性sandbox有如下4个属性值。

allow-forms:允许脚本嵌入自己的表单或操纵表单。

allow-same-origin:允许将嵌入内容视为同一个数据源。

allow-scripts:允许执行脚本。

allow-top-navigation:允许最外层浏览器的上下文导航功能。

在具体设置时,建议读者根据实际需求选择允许的操作,从而有效避免< iframe >元素嵌入的文档有安全性问题。本实例的功能是,使用< iframe >元素在网页中显示一个文本框架。

具体实现

使用dreamweaver创建一个名为“024.html”的文件,具体代码如下所示:

执行效果如图1-43所示。

《HTML5 开发实例大全》——1.24 在网页中显示一个文本框架

继续阅读