iframe 元素

框架页

iframe 元素通常用于在网页中嵌入其他网页。

• iframe 是可替换的元素。

  • 通常表现为行盒。
  • 其显示的内容主要取决于元素自身设置的属性。
  • CSS 对其内部样式的控制存在一定局限性。
  • 具有行块盒的部分特点。

示例代码：

<!-- 第一种：通过设置 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 元素来实现。这两个元素均为可替换元素。

示例代码：

<!-- 第一种：通过 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>