iframe 元素与 Flash 嵌入在网页中的应用指南

2024-09-06 12:24:55 浏览数 (4)

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>

1 人点赞