iframe 元素
框架页
iframe 元素通常用于在网页中嵌入其他网页。
- iframe 是可替换的元素。
- 通常表现为行盒。
- 其显示的内容主要取决于元素自身设置的属性。
- CSS 对其内部样式的控制存在一定局限性。
- 具有行块盒的部分特点。
示例代码:
代码语言:javascript复制<!-- 第一种:通过设置 src 属性指定嵌入的页面 URL,并添加宽高、边框等属性 -->
<iframe src="https://www.taobao.com/" width="800" height="600" frameborder="0"></iframe>
<!-- 第二种:拥有 iframe 的 name 属性和 a 标签的 target 结合,同时设置 iframe 的宽高 -->
<a href="https://www.jd.com/" target="myiframe">点击打开京东页面</a>
<iframe name="myiframe" width="600" height="400"></iframe>
在页面中使用 flash
在网页中使用 flash 可以通过 object 和 embed 元素来实现。这两个元素均为可替换元素。
示例代码:
代码语言:javascript复制<!-- 第一种:通过 object 元素来实现 -->
<object data="./1.swf" type="application/x-shockawve-flash" width="600" height="400">
<param name="quality" value="high"> <!-- 播放质量 -->
<param name="wmode" value="transparent"> <!-- 透明模式 -->
<param name="play" value="false"> <!-- 不自动播放 -->
<param name="stop" value="true"> <!-- 停止播放 -->
<param name="buffertime" value="5"> <!-- 缓冲时间 5 秒 -->
<param name="scale" value="exactfit"> <!-- 精确匹配显示比例 -->
<param name="volume" value="50"> <!-- 音量 50 -->
<param name="starttime" value="00:05"> <!-- 起始播放时间 00:05 -->
<param name="endtime" value="00:10"> <!-- 结束播放时间 00:10 -->
<param name="bgcolor" value="#FFFFFF"> <!-- 背景颜色为白色 -->
<param name="align" value="middle"> <!-- 对齐方式为中间 -->
<!-- 插件页面地址 -->
<param name="pluginspage" value="https://www.adobe.com/go/getflashplayer">
</object>
<!-- 第二种:通过 embed 元素来实现 -->
<embed src="./1.swf" type="application/x-shockawve-flash" quality="high">
<!-- 兼容写法 -->
<object data="./1.swf" type="application/x-shockawve-flash">
<param name="quality" value="high">
<embed src="./1.swf" type="application/x-shockawve-flash" quality="high">
</object>