符合web标准的网页中调用Flash的方法

作者:互联网

2009-06-20

心得技巧

  常有网友提问,如何让网页中嵌入的Flash标签也符合web标准。目前还没有一个完美的解决办法,这篇文章中,我们将Flash嵌入标签写入js文件中,通过变量传递参数的办法来回避不符合标准的标签。

  请注意,这只是一个变通的方法,换汤不换药,并未能最终解决存在的问题,通过验证只是一种表象,这样的思路是不是可取,在实际操作中请大家自行斟酌。


  首先建立一个JS文件flash.js。写入如下代码:

function swf(file,w,h) {
    document.write(' ');
    document.write('');
    document.write(' ');
    document.write(' ');
    document.write(' ');

    document.write(' ');
    document.write('

');
}

 

  上面的js脚本定义了一个函数swf,并设置三个变量,它们分别是:flile文件链接,w宽度,h高度。在XHTML中向这个函数传递变量即可实现flash的嵌入。如下代码:


   

  建立id为flash的div作为一容器,在其内部嵌入js脚本,变量依次为:文件路径、宽度、高度!

  看下面的全部代码:





符合web标准的嵌入Flash的方法 ><br><script type="text/javascript" language="javascript" src="flash.js"></script> <br><style type="text/css"><br>#flash { width:500px; margin:50px auto; border:5px solid #03c;}<br></style><br></head> <br><body><br><div id="flash"><br>    <script type="text/javascript" language="javascript">swf(webjx.swf','500','220');</script> <br></div><br></body><br></html></p></span> </div> <div class="artmoretabs flexRow"> <p>相关标签:</p> <div class="mtbs flexRow"> <span class="mtbsa flexRow check" title="心得技巧">心得技巧</span> </div> </div> <div class="lastanext flexRow"> <a class="lastart flexRow" href="/wz/4711.html" ><span>上一篇:</span><span>网页设计经验和技巧总结</span></a> <a class="nextart flexRow" href="/wz/4713.html" ><span>下一篇:</span><span>网页制作解惑:图象文件的路径</span></a> </div> </div> <div class="dtl-xgtj"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>相关推荐</p></div> </div> <div class="tjlist flexRow"> <div class="tj-item "> <div class="tjitemd"> <div class="tjimd-top flexRow"> <a class="imdta flexRow" href="/wz/365450.html" > <img src="https://images.jiaoben.net/uploads/20260417/logo_69e1c1ebf2f411.jpeg" > </a> <div class="imdt-right flexColumn"> <a class="imdtra flexRow overflowclass" href="/wz/365450.html" >用 AI 解决数据库性能问题的方法论</a> <a class="imdtrap flexRow overflowclass" href="/wz/365450.html" > 这份文档讲的不是具体 SQL 技巧,而是: 当你遇到“同一条 SQL 在不同环境表现不一致”“视图很复杂”“信息很多很乱”这类问题时, 怎么把 AI 当成一个排查搭子和分析框架生成器来用。 </a> </div> </div> <div class="tjimd-down flexRow"> <div class="imdd-tab flexRow"> <p class="imddt-time flexRow"><b></b><span>2026-04-17</span></p> </div> <a href="/wz/365450.html" class="imdd-more flexRow flexcenter" >立即查看</a> </div> </div> </div> <div class="tj-item "> <div class="tjitemd"> <div class="tjimd-top flexRow"> <a class="imdta flexRow" href="/wz/365449.html" > <img src="https://images.jiaoben.net/uploads/20260417/logo_69e1c1e17cc101.jpeg" > </a> <div class="imdt-right flexColumn"> <a class="imdtra flexRow overflowclass" href="/wz/365449.html" >vite+vue2 动态路由加载方法实现</a> <a class="imdtrap flexRow overflowclass" href="/wz/365449.html" > 最近在改老项目,将webpack迁移到vite提高下速度 首先来看下默认静态加载路由,我们只需要在router/index.js直接配置好就可以了 当然默认的情况 component: () => i </a> </div> </div> <div class="tjimd-down flexRow"> <div class="imdd-tab flexRow"> <p class="imddt-time flexRow"><b></b><span>2026-04-17</span></p> </div> <a href="/wz/365449.html" class="imdd-more flexRow flexcenter" >立即查看</a> </div> </div> </div> <div class="tj-item "> <div class="tjitemd"> <div class="tjimd-top flexRow"> <a class="imdta flexRow" href="/wz/365429.html" > <img src="https://images.jiaoben.net/uploads/20260417/logo_69e1c079db8251.jpeg" > </a> <div class="imdt-right flexColumn"> <a class="imdtra flexRow overflowclass" href="/wz/365429.html" >前端害怕被蒸馏 快速入门Python 【demo_03】</a> <a class="imdtrap flexRow overflowclass" href="/wz/365429.html" > Python 基础知识点技术说明文档 概述 本文档总结了 Python 编程中的核心概念,包括自定义迭代器、生成器、高阶函数、装饰器、上下文管理器、异常处理和异步编程。这些知识点是构建企业级应用的基石 </a> </div> </div> <div class="tjimd-down flexRow"> <div class="imdd-tab flexRow"> <p class="imddt-time flexRow"><b></b><span>2026-04-17</span></p> </div> <a href="/wz/365429.html" class="imdd-more flexRow flexcenter" >立即查看</a> </div> </div> </div> <div class="tj-item "> <div class="tjitemd"> <div class="tjimd-top flexRow"> <a class="imdta flexRow" href="/wz/364657.html" > <img src="https://images.jiaoben.net/uploads/20260416/logo_69e03f9a59a471.jpeg" > </a> <div class="imdt-right flexColumn"> <a class="imdtra flexRow overflowclass" href="/wz/364657.html" >基于 SelectDB 实现 Hive 数据湖统一分析:洋钱罐全球一体化探索分析平台升级实践</a> <a class="imdtrap flexRow overflowclass" href="/wz/364657.html" > 瓴岳科技是一家以大数据与人工智能为核心的数字科技集团,旗下拥有国内产品洋钱罐与印尼市场产品 Easy Cash,致力于为全球用户提供卓越的金融科技服务。截至 2025 年,公司已服务全球超 114 家 </a> </div> </div> <div class="tjimd-down flexRow"> <div class="imdd-tab flexRow"> <p class="imddt-time flexRow"><b></b><span>2026-04-16</span></p> </div> <a href="/wz/364657.html" class="imdd-more flexRow flexcenter" >立即查看</a> </div> </div> </div> </div> </div> </div> <div class="cd-right dtlcd-right"> <div class="dtl-ht"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>专题</p></div> </div> <div class="dtlht-list "> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-69351.html" >#数据可视化</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-69351.html" >数据可视化(Data Visu</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="69351" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-69342.html" >#自然语言处理</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-69342.html" >自然语言处理(Natural</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="69342" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-68363.html" >#Excel公式</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-68363.html" >Excel公式就是:用函数 +</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="68363" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-68355.html" >#Excel技巧</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-68355.html" >Excel是日常生活中必不可</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="68355" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-68081.html" >#蛋仔派对</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-68081.html" >蛋仔派对最新官方活动、关卡速</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="68081" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-68000.html" >#人工智能</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-68000.html" >人工智能(AI),简单说,就</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="68000" >+ 收藏</p> </div> </div> </div> <div class=" dtl-zt"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>最新数据</p></div> </div> <div class="wkch-downs"> <div class="weekch-top flexRow"> <a class="wktpa flexRow" href="/wz/4718.html" > <img src="/jiaoben/image/noimg.png" > </a> <div class="wktpa-right flexColumn"> <a class="wktpara flexRow overflowclass" href="/wz/4718.html" >每个网站都必须具备的几个重要文件</a> <a class="wktparp flexRow overflowclass" href="/wz/4718.html" >   不管开发 Web 站点所用 </a> </div> </div> <div class="weekch-list"> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/4717.html" class="weekcha flexRow flexcenter overflowclass" >另一个角度谈谈DIV+CSS</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/4716.html" class="weekcha flexRow flexcenter overflowclass" >Web 的内容、结构与表现漫谈</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/4715.html" class="weekcha flexRow flexcenter overflowclass" >让广告代码不影响网站打开速度的办法</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/4714.html" class="weekcha flexRow flexcenter overflowclass" >可扩展圆角标签的实现方法</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/4710.html" class="weekcha flexRow flexcenter overflowclass" >网页优化必须做的26件事情</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/4709.html" class="weekcha flexRow flexcenter overflowclass" >如何调用Flash才符合Web网页标准?</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/4708.html" class="weekcha flexRow flexcenter overflowclass" >动态加载外部css或js文件</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/4707.html" class="weekcha flexRow flexcenter overflowclass" >设计网页前端界面必备的技能</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/4706.html" class="weekcha flexRow flexcenter overflowclass" >什么是静态网页和动态网页?</a> </div> </div> </div> </div> <div class=" dtl-wz"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>相关文章</p></div> </div> <div class="blog-list"> <a href="/wz/257518.html" class="bloga flexRow over"><p class="overflowclass">网页中应用CSS样式的多种形式总结</p><div class="blogtime"><span>08/</span>27</div></a> <a href="/wz/257520.html" class="bloga flexRow over"><p class="overflowclass">haslaylout 和 bfc解析的理解</p><div class="blogtime"><span>08/</span>27</div></a> <a href="/wz/257521.html" class="bloga flexRow over"><p class="overflowclass">评论回复弹出遮罩效果实现思路兼容ie 8/chrome/firefox</p><div class="blogtime"><span>08/</span>27</div></a> <a href="/wz/257523.html" class="bloga flexRow over"><p class="overflowclass">使用火狐的web developer禁用网页样式图文详解</p><div class="blogtime"><span>08/</span>27</div></a> <a href="/wz/257524.html" class="bloga flexRow over"><p class="overflowclass">wap页面之iphone设备字体偏大问题解决方法</p><div class="blogtime"><span>08/</span>27</div></a> <a href="/wz/257544.html" class="bloga flexRow over"><p class="overflowclass">HTTP返回码大全(中英解释)</p><div class="blogtime"><span>08/</span>26</div></a> <a href="/wz/257548.html" class="bloga flexRow over"><p class="overflowclass">如何去掉图片作为超链接时出现的蓝色框框</p><div class="blogtime"><span>08/</span>26</div></a> <a href="/wz/257551.html" class="bloga flexRow over"><p class="overflowclass">自适应网页设计是怎么做到的的相关知识点总结</p><div class="blogtime"><span>08/</span>26</div></a> <a href="/wz/257555.html" class="bloga flexRow over"><p class="overflowclass">网页乱码问题当设置编码为utf-8乱码的解决方法</p><div class="blogtime"><span>08/</span>26</div></a> <a href="/wz/257558.html" class="bloga flexRow over"><p class="overflowclass">网页设计中常见的错误小结</p><div class="blogtime"><span>08/</span>26</div></a> </div> </div> <div class="cdr-ai"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>AI精选 </p></div> <a class="jbtitle-more flexRow" href="/category/list_344_1.html" title=""><span>更多</span><b></b></a> </div> <div class="ai-list"> <div class="ail-top flexRow"> <a href="/wz/365448.html" title="" class="ailta "> <img src="https://images.jiaoben.net/uploads/20260417/logo_69e1c1dadedea1.jpeg" > <p ><span>DeepAgents 快速上手</span></p></a> <a href="/wz/365442.html" title="" class="ailta "> <img src="https://images.jiaoben.net/uploads/20260417/logo_69e1c1756fd6d1.jpeg" > <p ><span>当AI迈入Harness时代</span></p></a> </div> <div class="ail-down"> <a class="ali-con flexRow" href="/wz/365440.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">教程上新丨一键部署Gemma 4 31B,最高256K上下文,能力媲美Qwen3.5 397B</p> </a> <a class="ali-con flexRow" href="/wz/365436.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">太反差了!那边Claude强制「刷脸」认证,这边国内Coding Plan被外国人疯抢</p> </a> <a class="ali-con flexRow" href="/wz/365279.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">高速摩托车追逐视频提示词</p> </a> <a class="ali-con flexRow" href="/wz/365266.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">高分辨率 2.5D 插画提示:带翼太空战舰</p> </a> <a class="ali-con flexRow" href="/wz/365265.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">高速电影级奢华甜点摄影提示(熔岩巧克力蛋糕)</p> </a> <a class="ali-con flexRow" href="/wz/365264.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">复古相机女孩美学与运动后光彩瑜伽氛围提示</p> </a> <a class="ali-con flexRow" href="/wz/365263.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">用于 AI 图像文本渲染的 JSON 提示模板</p> </a> <a class="ali-con flexRow" href="/wz/365262.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">电影街头时尚摄影提示</p> </a> </div> </div> </div> <div class="cdr-blog"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>脚本推荐</p></div> </div> <div class="blog-list"> <a href="/wz/zt-49225.html" title="" class="bloga flexRow over"><p class="overflowclass">SeeDance 2.0 Video Creator专区</p></a> <a href="/wz/zt-49224.html" title="" class="bloga flexRow over"><p class="overflowclass">OpenClaw AI专区</p></a> <a href="/wz/zt-49223.html" title="" class="bloga flexRow over"><p class="overflowclass">cowork专区</p></a> <a href="/wz/zt-49222.html" title="" class="bloga flexRow over"><p class="overflowclass">claude code skills专区</p></a> </div> </div> </div> </div> </div> </div> </main> <script> $(function() { // “+ 收藏”按钮点击事件 $(document).on('click', '.htmitem-right, .ztop-right', function(e) { // 仅针对包含 “+ 收藏” 文字的按钮 if ($(this).text().indexOf('+ 收藏') === -1) return; e.preventDefault(); const id = $(this).data('id'); if (!id) { layer.msg('该项暂无有效ID,无法收藏'); return; } // 构造收藏 URL: 当前域名 + /wz/zt- + id + / const bookmarkUrl = window.location.origin + '/wz/zt-' + id + '.html'; // 获取收藏标题 (优先从同级元素获取话题名称,否则使用页面标题) let bookmarkTitle = $(this).closest('.htl-item, .zttopd').find('a:first, span.overflowclass').text().trim() || document.title; if (bookmarkTitle.startsWith('#')) bookmarkTitle = bookmarkTitle.substring(1); // 浏览器收藏逻辑 (带 Fallback) try { if (window.sidebar && window.sidebar.addPanel) { // Firefox < 23 window.sidebar.addPanel(bookmarkTitle, bookmarkUrl, ""); } else if (window.external && ('AddFavorite' in window.external)) { // IE window.external.AddFavorite(bookmarkUrl, bookmarkTitle); } else { // Chrome, Safari, Firefox 23+, etc. const isMac = /Mac/i.test(navigator.userAgent); const keyStr = isMac ? 'Command + D' : 'Ctrl + D'; layer.confirm('由于浏览器安全限制,请使用 <b>' + keyStr + '</b> 手动添加收藏。<br><br>收藏地址:<br><small>' + bookmarkUrl + '</small>', { title: '收藏提示', btn: ['复制链接', '知道了'], yes: function(index) { copyToClipboard(bookmarkUrl).then(() => { layer.msg('链接已复制,请手动添加到收藏夹'); }).catch(() => { layer.msg('复制失败,请手动选择复制'); }); layer.close(index); } }); } } catch (err) { layer.msg('收藏失败,请手动添加'); } }); // 兼容非 HTTPS 的复制函数 function copyToClipboard(text) { if (navigator.clipboard && window.isSecureContext) { return navigator.clipboard.writeText(text); } else { let textArea = document.createElement("textarea"); textArea.value = text; textArea.style.position = "fixed"; textArea.style.left = "-999999px"; textArea.style.top = "-999999px"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); return new Promise((res, rej) => { document.execCommand('copy') ? res() : rej(); textArea.remove(); }); } } }); </script> <footer> <div class="foot "> <div class="foot-top flexRow"> <div class="foot-left"> <div class="ftl-top flexRow"><span class="flexRow flexcenter">脚本</span>在线</div> <p class="ftl-down"> 智能赋能梦想,脚本构筑现实。我们致力于链接AI智能指令 与传统自动化,为您提供一站式、高效率的脚 本资产与生成 服务。 </p> </div> <div class="foot-right flexRow"> <div class="ftr-list flexColumn"> <p>核心板块</p> <span>AI脚本库</span> <span>自动化仓库</span> <span>脚本实验室</span> </div> <div class="ftr-list flexColumn"> <p>关于我们</p> <a href="/category/list_229_1.html" >最新游戏</a> <span>商务合作</span> <span>隐私政策</span> </div> <div class="ftr-list flexColumn"> <p>社区支持</p> <span >API文档</span> <a href="/category/list_334_1.html" >攻略资讯</a> <span>违规举报</span> </div> </div> </div> <div class="foot-down flexColumn"> <p>© 2026 jiaoben.net | 脚本在线 | 联系:jiaobennet2026@163.com</p> <p>备案:<a style="color: #7F7F7F;" href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备18025217号-11</a> </p> </div> </div> </footer> <div style="display:none;"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5d3cfe1f36b1988029fe82a0d475b20d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </body> </html>