首页 / JAVASCRIPT / 动态加载iframe_JavaScript

动态加载iframe_JavaScript

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了动态加载iframe_JavaScript，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1422字，纯文字阅读大概需要3分钟。
内容图文

服务器端生成
<%
if ..... then
response.write ""
end if
if ..... then
response.write "<iframe name=frame2 src=xxx.html width=0 height=0>"
end if
%>

客户端生成
<div id="div1"></div>
<script language="vbscript">
if .... then
 str="<iframe name=frame1 src=xxx.html width=0 height=0>"
end if
if ... then
str=str&"<iframe name=frame2 src=xxx.html width=0 height=0>"
end if
生成IFRMAE
document.all("div1").innerhtml=str

给IFRAME里面的表单控件赋值。
document.all("frame1").document.all("xxx").value=xxx


提交时
document.all("frame1").form1.submit()
document.all("frame2").form1.submit()
</ script>


以上方法说明了一个思路，没有经过验证，请自行验证。
</PRE><a href="http://www.laitingfm.com" /></a>
<a href="https://curl.qcloud.com/kfoLTs9R" /></a>

           
                
                                                </article>
        </div>
        <div class="w310 r">
            <a href="https://www.gxlcms.com/server-467421.html" target="_blank"> <img src="http://www.gxlcms.com/Public/aiod/ts.jpg" /></a>
            <div class="book">
                    <a href="/special/js/" target="_blank" title="JavaScript教程/参考手册"> <img src="https://img.gxlcms.com/" alt="JavaScript教程/参考手册" />
                        <h3>JavaScript教程/参考手册</h3> </a>
                </div>            <div class="youclmt">
                <h3>JavaScript热搜</h3> </div>
            <div class="langmubt">
                <ul>
                                        <li><a href="/JavaScript-56947.html" target="_blank">解决vue-router中的query动态传参问题</a></li><li><a href="/JavaScript-56891.html" target="_blank">解决使用vue.js路由后失效的问题</a></li><li><a href="/JavaScript-56813.html" target="_blank">微信小程序实现换肤功能</a></li><li><a href="/JavaScript-56800.html" target="_blank">JS中touchstart事件与click事件冲突的解决方法</a></li><li><a href="/JavaScript-56693.html" target="_blank">完美解决axios在ie下的兼容性问题</a></li><li><a href="/JavaScript-56680.html" target="_blank">在vue项目中引入highcharts图表的方法(详解)</a></li><li><a href="/JavaScript-56652.html" target="_blank">Vue的轮播图组件实现方法</a></li><li><a href="/JavaScript-56414.html" target="_blank">angular基于ng-alain定义自己的select组件示例</a></li><li><a href="/JavaScript-56404.html" target="_blank">详解vue移动端日期选择组件</a></li><li><a href="/JavaScript-56376.html" target="_blank">JS/jQuery实现DIV延时几秒后消失或显示的方法</a></li><li><a href="/JavaScript-56141.html" target="_blank">微信小程序数字滚动插件使用详解</a></li><li><a href="/JavaScript-55910.html" target="_blank">详解基于vue-cli配置移动端自适应</a></li><li><a href="/JavaScript-55795.html" target="_blank">js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能</a></li><li><a href="/JavaScript-55597.html" target="_blank">Swiper自定义分页器使用详解</a></li><li><a href="/JavaScript-55154.html" target="_blank">深入浅出webpack之externals的使用</a></li><li><a href="/JavaScript-55109.html" target="_blank">微信小程序实现简单input正则表达式验证功能示例</a></li><li><a href="/JavaScript-55104.html" target="_blank">Vue-Access-Control 前端用户权限控制解决方案</a></li><li><a href="/JavaScript-54916.html" target="_blank">浅谈Vue SSR 的 Cookies 问题</a></li><li><a href="/JavaScript-54776.html" target="_blank">结合mint-ui移动端下拉加载实践方法总结</a></li><li><a href="/JavaScript-54571.html" target="_blank">Angular 4根据组件名称动态创建出组件的方法教程</a></li><li><a href="/JavaScript-53772.html" target="_blank">微信小程序媒体组件详解（视频，音乐，图片）</a></li><li><a href="/JavaScript-53561.html" target="_blank">weex里Vuex state使用storage持久化详解</a></li><li><a href="/JavaScript-53242.html" target="_blank">jQuery图片缩放插件smartZoom使用实例详解</a></li><li><a href="/JavaScript-52942.html" target="_blank">js实现移动端轮播图效果</a></li><li><a href="/JavaScript-52712.html" target="_blank">JS中使用media实现响应式布局</a></li>                </ul>
                
            </div>
 <a href="https://curl.qcloud.com/I8w1gZa8" target="_blank"> <img src="http://www.gxlcms.com/ad/tx500x500.jpg" /></a>
        </div>
    </div>
    </div>
    </div>
    <script type="text/javascript" src="/layui/layui.js"></script>
    <script>
    layui.use('code', function() {
        layui.code({
            elem: 'pre', //默认值为.layui-code
            about: false,
            skin: 'notepad',
            title: '动态加载iframe_JavaScript代码块',
            encode: true //是否转义html标签。默认不开启
        });
    });
    </script>
     <link rel="stylesheet" type="text/css" href="/kan/css/basezb.css" />
 <script type="text/javascript" src="/kan/js/read.js"></script>

<div style="display:none">
<div class="login-box" id="login-dialog">
<div class="login-top"><a href='#' title='登录' rel='nofollow' target='_blank'>登录</a></div>
<div class="login-form" id="nav-signin">
 <!-- <div class="login-ico"><a rel="nofollow" class="qq" id="qqlogin" target="_blank" href="/?s=user-center-qqlogin.html"> QQ </a></div>  -->


<div class="login-box-form" id="con_login_1">
<form id="loginform" action="/?s=user-center-login.html" method="post" onsubmit="return false;">
<p class="int-text">
<input class="email" id="username" name="username" type="text" value="用户名或Email" onfocus="if(this.value=='用户名或Email'){this.value='';}" onblur="if(this.value==''){this.value='用户名或Email';};" /></p>
<p class="int-text">
<input class="password1" type="password" id="password" name="password" value="******" onBlur="if(this.value=='') this.value='******';" onFocus="if(this.value=='******') this.value='';" />
</p>
<p class="int-info">
                <label class="ui-label">&#160;</label>
                <label for="agreement" class="ui-label-checkbox">
                <input type="checkbox" value="" name="cookietime" id="cookietime" checked="checked" />
                <input type="hidden" name="notforward" id="notforward" value="1" />
                <input type="hidden" name="dosubmit" id="dosubmit" value="1" />记住我的登录 </label>                           
       <a href='#/?s=user-center-forgetpwd.html' title=' 忘记密码？ ' rel='nofollow' target='_blank'> 忘记密码？ </a></p>
  <p class="int-btn"><a href='#' title='登录' rel='nofollow' target='_blank'>登录</a></p> 
  </form>
</div>
<form id="regform" action="/?s=user-center-reg.html" method="post">
<div class="login-reg" style="display: none;" id="con_login_2">
<input type="hidden" name="t" id="t" />
  <p class="int-text">
    <input id="email" name="email" type="text" value="Email" onfocus="if(this.value=='Email'){this.value='';}" onblur="if(this.value==''){this.value='Email';};" /></p>
    <p class="int-text">
    <input id="uname" name="username" type="text" value="用户名或昵称" onfocus="if(this.value=='用户名或昵称'){this.value='';}" onblur="if(this.value==''){this.value='用户名或昵称';};" /></p>
  <p class="int-text">
  <input type="password" id="pwd" name="password" value="******" onBlur="if(this.value=='') this.value='******';" onFocus="if(this.value=='******') this.value='';" /> </p>
  <p class="int-text1"><span class="inputbox">
    <input id="validate" name="validate" type="text" value="验证码" onfocus="if(this.value=='验证码'){this.value='';}" onblur="if(this.value==''){this.value='验证码';};" />
    </span><span class="yzm-img"><img src="" alt="动态加载iframe_JavaScript - 文章图片" /></span></p>
  <p class="int-info">
    <label>
      <input value="" name="agreement" id="agreement" CHECKED="checked" type="checkbox" />
      我已阅读<a href='#/?s=user-center-agreement.html' title='用户协议' rel='nofollow' target='_blank'>用户协议</a>及<a href='#/?s=user-center-agreement.html' title='版权声明' rel='nofollow' target='_blank'>版权声明</a></label>
  </p>
  <p class="int-btn"><input type="hidden" name="dosubmit" />
<a href='#' title='注册' rel='nofollow' target='_blank'>注册</a></p>
</div>
 </form>
</div>
</div>

</div>















</PRE>

                
                
                <h4 class="article-section-summary">内容总结</h4>
                <blockquote>
                    <p>
                        以上是互联网集市为您收集整理的<strong>动态加载iframe_JavaScript</strong>全部内容，希望文章能够帮你解决<strong>动态加载iframe_JavaScript</strong>所遇到的程序开发问题。
                        如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
                    </p>
                </blockquote>
                <h4 class="article-section-remark">内容备注</h4>
                <blockquote>
                    <p>
                        <strong>版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。</strong>
                    </p>
                </blockquote>
                <h4 class="article-section-mobile">内容手机端</h4>
                <div class="copynotice">
                    <div class="qrcode"></div>
                    <div class="60903a298bfb3 copynoticetxt">
                        <p>扫描二维码推送至手机访问。</p>
                        <p>本文链接：<a href="https://qyyshop.com/info/305426.html" title="动态加载iframe_JavaScript">https://qyyshop.com/info/305426.html</a></p>
                    </div>
                </div>
                
                <hr>
                <div class="label pull-right authsource">来源：【匿名】</div>
                
                
            </div>
        </div>
        

<div class="article-prenext ibox float-e-margins">
    
    <div class="ibox-content"><div class="left-list"><a target="_self" href=https://qyyshop.com/info/305427.html>【上一篇】网站上面有这种切换效果_JavaScript</a><a target="_self" href=https://qyyshop.com/info/122026.html>【下一篇】javascript 怎么调用php方法</a></div></div>
</div>
            <div class="article-more ibox float-e-margins jclist detailMoreInfo">
                <div class="ibox-title">
                    <a href="https://qyyshop.com/info/305426/pages1/" target="_blank" class="label pull-right" title="更多【动态加载iframe_JavaScript】教程文章相关的互联网学习教程文章">更多 ► </a>
                    <h5>【动态加载iframe_JavaScript】教程文章相关的互联网学习教程文章</h5>
                </div>
                <div class="ibox-content">

<div class="list-item"><h3><a href="https://qyyshop.com/info/1255532.html" target="_blank" title="IE （6-11）版本，在使用iframe的框架时，通过a标签javascript:; 和js跳转parent.location的时候 出现在新页面打开的情况">IE （6-11）版本，在使用iframe的框架时，通过a标签javascript:; 和js跳转parent.location的时候 出现在新页面打开的情况【代码】</a></h3><p>问题描述：使用iframe的情况下，在子框架中，使用如下形式的跳转：&lt;a href=&quot;javascript:;&quot;  onclick=&quot;parent.location.href=‘login.php‘;&quot;&gt; 退出&lt;/a&gt;在IE浏览器下，点击后，会在退出的情况下，再打开一个页面，URL显示为 javascript:;  的情况出现，也就是说 a标签的 javascript:; 并未生效！这是一个很奇怪的现象，在谷歌等现代浏览器中并不存在该问题。 最后猜测可能是由于 a标签的href属性 在IE下的解析是先将href的值传递给父...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1237514.html" target="_blank" title="JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)">JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)【代码】【图】</a></h3><p>1.Window对象属性的文档元素(id)如果在HTML文档中用id属性来为元素命名，并且如果Window对象没有此名字的属性，Window对象会赋予一个属性，它的名字是id属性的值，而他们的值指向表示文档元素的HTMLElement对象。Window对象是以全局对象的形式存在于作用域链的最上层，这就意味着HTML文档中使用的id属性会成为可以被脚本访问的全局变量。如：&lt;button id=&quot;but&quot;/&gt;就可以通过全局变量but来引用此元素。 2.多窗体窗口(iframe)不同于相互...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1099222.html" target="_blank" title="javascript获取iframe对象">javascript获取iframe对象【代码】</a></h3><p>//通过window对象获取子iframevar _frame = window.frames[1] ; //获取第二个iframe（根据name获取使用window.frames[‘xxx‘]）if( $.browser.msie ){ //ie
_frame = window.document.frames[1] ; 
}
//获取iframe中的某个元素
$(‘#xxxid‘, _frame.document) ; //在iframe中获取父window对象parent//======= 原文：http://www.cnblogs.com/ooi-/p/4030952.html</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1093005.html" target="_blank" title="JS iframe父子页面元素调用方法 window parent top 解释">JS iframe父子页面元素调用方法 window parent top 解释</a></h3><p>父窗口调用子窗口var hasMore = parent.document.getElementByIdx_x_x_x(&quot;hasMore&quot;).value;子窗口调用父窗口document.frames[&quot;ifrmBoxFrame&quot;].me.preLoadBoxGrid();window.frames[&quot;iframe_ID&quot;].document.getElementByIdx_x_x_x(&quot;iframe_document_object&quot;-).object_attribute = attribute_valuewindow是对当前窗口自身的引用如：window.returnValue = ret;window.close();top返回顶层窗口，即浏览器窗口。如：top.frames[tabID].loc...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1089580.html" target="_blank" title="iframe子页面与父页面元素的访问以及js变量的访问">iframe子页面与父页面元素的访问以及js变量的访问【代码】</a></h3><p>1、子页面访问父页面元素  parent.document.getElementById(‘id‘)和document相关的方法都可以这样用  2、父页面访问子页面元素  document.getElementById(‘iframeId‘).contentDocument.getElementsByTagName(‘table‘); contentDocument后可以使用document相关方法 var tet = document.getElementById(‘iframeId‘).contentWindow.document.getElementById(&quot;text_inputId&quot;); alert(tet.value); 3、子页面访问父页面js变量（注...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1087311.html" target="_blank" title="Js动态获取iframe子页面的高度总结">Js动态获取iframe子页面的高度总结【代码】</a></h3><p>问题的缘由产品有个评论列表引用的是个iframe，高度不固定于是引发这个总结。方法1：父级页面获取子级页面的高度 给元素设置高度这方法是用在父级页面里的，通过获取子级页面的高度给iframe设置高度涉及了一些兼容问题:IE用attachEvent | 3C用onload来判断子页面是否加载完成。IE用contentWindow | 3C用contentDocument来获取子页面IE用document.documentElement.scrollHeight（兼容ie6 ie7）| 3C用body.scrollHeight获取页面高度f...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1085679.html" target="_blank" title="js访问iframe中的DOM.html">js访问iframe中的DOM.html【代码】【图】</a></h3><p>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;/&gt;&lt;title&gt;js访问frame中的DOM&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;iframe name=&quot;newiframe&quot; id=&quot;newiframe&quot; src=&quot;a.html&quot; mce_src=&quot;a.html&quot; width=&quot;500&quot; height=&quot;200&quot;&gt;&lt;/iframe&gt;&lt;script type...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1053374.html" target="_blank" title="用js互相调用iframe页面内的js函数">用js互相调用iframe页面内的js函数</a></h3><p>http://www.jb51.net/web/18555.html 1，首先获得右栏iframe对象 var frames=document.getElementById(&quot;frameid&quot;);//frameid即右栏iframe的id名 2，重置其src值 frames.src=pageurl;//pageurl即要显示的目的页面 这样就实现了页面的跳转 但是还有一点，如果想调用其中的函数就不是这么简单了 比如右栏中有一个函数right（），我要在左栏的链接中调用right（）函数，该如何实现呢 1，首先leftframe是内嵌在容器页index.html中的，因...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/740740.html" target="_blank" title="javascript – IE缓存动态添加的iframe.为什么,我该如何预防呢？">javascript – IE缓存动态添加的iframe.为什么,我该如何预防呢？【代码】</a></h3><p>我有以下HTML / JS：&lt;html&gt;&lt;body&gt;&lt;script&gt;function foo(){var html = &quot;&lt;iframe src=\&quot;foo.html\&quot; /&gt;&quot;;document.getElementById(&#39;content&#39;).innerHTML=html;}function bar(){var html = &quot;&lt;iframe src=\&quot;bar.html\&quot; /&gt;&quot;;document.getElementById(&#39;content&#39;).innerHTML=html;}function show(){alert(document.getElementById(&#39;content&#39;).innerHTML);}&lt;/script&gt;&lt;button onclick=&quot;foo()&quot;&gt;foo&lt;/button&gt;&lt;br /&gt;&lt;button onclick=&quot;bar()&quot;&gt;bar...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/806714.html" target="_blank" title="javascript – jQuery追加到iframe头的css链接">javascript – jQuery追加到iframe头的css链接【代码】</a></h3><p>我正在尝试将css文件附加到从全局脚本在页面上创建的iframe.我可以访问它的一部分,但由于某种原因,我无法附加到头部.它也不会抛出错误,这令人沮丧.&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready(function() {                   $(&#39;#outline_text_ifr&#39;).contents().find(&#39;head&#39;).append(&#39;&lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;/include/outline.css&quot; media=&quot;all&quot; /&gt;&#39;);
});
&lt;/script&gt;解决方法:
var $head = $(&quot;#IFr...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/311021.html" target="_blank" title="safari,opera嵌入iframe页面cookie读取问题解决方法_javascript技巧">safari,opera嵌入iframe页面cookie读取问题解决方法_javascript技巧</a></h3><p>查到原因是因为在这些浏览器中对第三方的cookie安全验证比较严格，需要确认是用户主动到第三方网站的，才能读到cookie，于是加个引导页面要用户点击下才能进入我们的组件。 1，首页 判断是否是这些浏览器,若是则去引导页面，其中reflag是判断是否已经去过引导页面。若已经引导过就不去引导页面了。  代码如下: function safarireload() { var rehref=window.location.href; if(jQuery.browser.safari&amp;&amp;==0) { window.location.href...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/655242.html" target="_blank" title="javascript-通过传递DOM对象从HTML中的iframe创建YT.Player对象">javascript-通过传递DOM对象从HTML中的iframe创建YT.Player对象【代码】</a></h3><p>我在HTML中有一个嵌入式的YouTube视频iframe,需要以编程方式停止该视频,但无法设置iframe的ID.因此,我试图通过将DOM元素传递给YT.Player构造函数而不是docs中指定的iframe id来创建youtube对象.我还将iframe src url的末尾附加了“？enablejsapi = 1” .
我已使用以下代码在我的js文件顶部加载了youtube js api：var tag = document.createElement(&#39;script&#39;);
tag.src = &quot;http://www.youtube.com/player_api&quot;;
var firstScriptTag ...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/306925.html" target="_blank" title="让iframe自适应高度（支持XHTML，支持FF）_javascript技巧">让iframe自适应高度（支持XHTML，支持FF）_javascript技巧</a></h3><p>先说明，这个办法只限于iframe中的子页面也是本地页面（不能引用外网页面） ======方法===== 第一步 js部分 function getSize() {        var xScroll, yScroll;               if (window.innerHeight &amp;&amp; window.scrollMaxY) {                      xScroll = document.body.scrollWidth;               yScroll = window.innerHeight + window.scrollMaxY;        } else if (document.body.scrollHeight &gt; document.body.offse...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/724177.html" target="_blank" title="javascript – Reactjs：状态改变时重新呈现iframe">javascript – Reactjs：状态改变时重新呈现iframe【代码】</a></h3><p>我在每个列表项中创建了一个包含list和iframe的示例.
http://jsfiddle.net/codez/kpth3szj//** @jsx React.DOM */
var TodoList = React.createClass({createItem: function(item) {return (&lt;li&gt;{item.text} &lt;a href=&quot;#&quot; onClick={this.props.handleDelete.bind(this, item)}&gt;x&lt;/a&gt;&lt;br /&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src={item.yid} frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;&lt;/li&gt;        );},render: function() {return ...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/753241.html" target="_blank" title="javascript – 在ReactJS中将iframe高度设置为scrollHeight">javascript – 在ReactJS中将iframe高度设置为scrollHeight【代码】</a></h3><p>&gt;问题的典型解决方案在React中不起作用它动态生成的组件结构和事件模型,而不是传统的静态HTML：
脚本：&lt;script&gt;function resizeIframe(obj) {obj.style.height = obj.contentWindow.document.body.scrollHeight + &#39;px&#39;;}
&lt;/script&gt;HTML：&lt;iframe src=&quot;...&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; onl oad=&quot;resizeIframe(this)&quot; /&gt;&gt;有一个npm包react-iframe,但看起来还没有完成(仅接受道具网址,宽度,高度)：
https://www.npmjs.com/packag...</p></div>
                </div>
            </div>
    </div>
    <div class="article-extend col-sm-3 pdr0">

<div class="extend-tags ibox float-e-margins jctopten"><div class="ibox-title"><h5>JAVASCRIPT - 相关标签</h5></div><div class="ibox-content containerMidPadding"><div class="left-list"><a target="_blank" href="https://qyyshop.com/tags-127671/" title="javascript程序设计">javascript程序设计</a><a target="_blank" href="https://qyyshop.com/tags-20878/" title="javascript高级">javascript高级</a><a target="_blank" href="https://qyyshop.com/tags-20318/" title="javascript高级编程">javascript高级编程</a><a target="_blank" href="https://qyyshop.com/tags-21005/" title="javascript高级程序设计">javascript高级程序设计</a><a target="_blank" href="https://qyyshop.com/tags-19441/" title="javascript高级程序设计第四版">javascript高级程序设计第四版</a><a target="_blank" href="https://qyyshop.com/tags-38058/" title="javascript和java">javascript和java</a><a target="_blank" href="https://qyyshop.com/tags-20010/" title="javascript基础教程">javascript基础教程</a><a target="_blank" href="https://qyyshop.com/tags-20736/" title="javascript教程">javascript教程</a><a target="_blank" href="https://qyyshop.com/tags-2541/" title="javascript权威指南">javascript权威指南</a><a target="_blank" href="https://qyyshop.com/tags-18460/" title="javascript设计模式">javascript设计模式</a><a target="_blank" href="https://qyyshop.com/tags-17405/" title="javascript实例教程">javascript实例教程</a><a target="_blank" href="https://qyyshop.com/tags-38087/" title="javascript视频">javascript视频</a><a target="_blank" href="https://qyyshop.com/tags-74546/" title="javascript是什么">javascript是什么</a><a target="_blank" href="https://qyyshop.com/tags-114444/" title="javascript特效">javascript特效</a><a target="_blank" href="https://qyyshop.com/tags-1122/" title="javascript下载">javascript下载</a><a target="_blank" href="https://qyyshop.com/tags-9424/" title="javascript学习指南">javascript学习指南</a><a target="_blank" href="https://qyyshop.com/tags-46661/" title="javascript中的indexof">javascript中的indexof</a></div></div></div>
<div class="extend-tags ibox float-e-margins jctopten"><div class="ibox-title"><h5>加载 - 相关标签</h5></div><div class="ibox-content containerMidPadding"><div class="left-list"><a target="_blank" href="https://qyyshop.com/tags-52275/" title="加载动画">加载动画</a></div></div></div>

    <div class="class-extend-typethird ibox float-e-margins">
        <div class="ibox-title"><h5>JAVASCRIPT - 技术教程分类</h5></div>
        <div class="ibox-content father-left-list-type containerMidPadding">
            <div class="left-list left-list-type">
                    <a  target="_self" href="https://qyyshop.com/web-javascript-tutorial/" title="JavaScript 教程 技术教程文章">
                        JavaScript 教程
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-intro/" title="JavaScript 简介 技术教程文章">
                        JavaScript 简介
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-howto/" title="JavaScript 用法 技术教程文章">
                        JavaScript 用法
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-chrome/" title="JavaScript Chrome 中运行 技术教程文章">
                        JavaScript Chrome 中运行
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-output/" title="JavaScript 输出 技术教程文章">
                        JavaScript 输出
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-syntax/" title="JavaScript 语法 技术教程文章">
                        JavaScript 语法
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-statements/" title="JavaScript 语句 技术教程文章">
                        JavaScript 语句
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-comments/" title="JavaScript 注释 技术教程文章">
                        JavaScript 注释
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-variables/" title="JavaScript 变量 技术教程文章">
                        JavaScript 变量
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-datatypes/" title="JavaScript 数据类型 技术教程文章">
                        JavaScript 数据类型
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-objintro/" title="JavaScript 对象 技术教程文章">
                        JavaScript 对象
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-functions/" title="JavaScript 函数 技术教程文章">
                        JavaScript 函数
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-scope/" title="JavaScript 作用域 技术教程文章">
                        JavaScript 作用域
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-events/" title="JavaScript 事件 技术教程文章">
                        JavaScript 事件
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-strings/" title="JavaScript 字符串 技术教程文章">
                        JavaScript 字符串
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-operators/" title="JavaScript 运算符 技术教程文章">
                        JavaScript 运算符
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-comparisons/" title="JavaScript 比较 技术教程文章">
                        JavaScript 比较
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-ifelse/" title="JavaScript 条件语句 技术教程文章">
                        JavaScript 条件语句
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-switch/" title="JavaScript switch 语句 技术教程文章">
                        JavaScript switch 语句
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-loopfor/" title="JavaScript for 循环 技术教程文章">
                        JavaScript for 循环
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-loopwhile/" title="JavaScript while 循环 技术教程文章">
                        JavaScript while 循环
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-break/" title="JavaScript break 和 continue 语句 技术教程文章">
                        JavaScript break 和 continue 语...
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-typeof/" title="JavaScript typeof 技术教程文章">
                        JavaScript typeof
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-typeconversion/" title="JavaScript 类型转换 技术教程文章">
                        JavaScript 类型转换
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-regexp/" title="JavaScript 正则表达式 技术教程文章">
                        JavaScript 正则表达式
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-errors/" title="JavaScript 错误 技术教程文章">
                        JavaScript 错误
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-debugging/" title="JavaScript 调试 技术教程文章">
                        JavaScript 调试
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-hoisting/" title="JavaScript 变量提升 技术教程文章">
                        JavaScript 变量提升
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-strict/" title="JavaScript 严格模式 技术教程文章">
                        JavaScript 严格模式
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-mistakes/" title="JavaScript 使用误区 技术教程文章">
                        JavaScript 使用误区
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-validation/" title="JavaScript 表单 技术教程文章">
                        JavaScript 表单
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-formvalidation/" title="JavaScript 表单验证 技术教程文章">
                        JavaScript 表单验证
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-validationapi/" title="JavaScript 验证 API 技术教程文章">
                        JavaScript 验证 API
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-reserved/" title="JavaScript 保留关键字 技术教程文章">
                        JavaScript 保留关键字
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-this/" title="JavaScript this 技术教程文章">
                        JavaScript this
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-letconst/" title="JavaScript let 和 const 技术教程文章">
                        JavaScript let 和 const
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-json/" title="JavaScript JSON 技术教程文章">
                        JavaScript JSON
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-void/" title="JavaScript void 技术教程文章">
                        JavaScript void
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-async/" title="JavaScript 异步编程 技术教程文章">
                        JavaScript 异步编程
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-promise/" title="JavaScript Promise 技术教程文章">
                        JavaScript Promise
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-conventions/" title="JavaScript 代码规范 技术教程文章">
                        JavaScript 代码规范
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-functiondefinition/" title="JavaScript 函数定义 技术教程文章">
                        JavaScript 函数定义
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-functionparameters/" title="JavaScript 函数参数 技术教程文章">
                        JavaScript 函数参数
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-functioninvocation/" title="JavaScript 函数调用 技术教程文章">
                        JavaScript 函数调用
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-functionclosures/" title="JavaScript 闭包 技术教程文章">
                        JavaScript 闭包
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-htmldom/" title="DOM 简介 技术教程文章">
                        DOM 简介
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-htmldomhtml/" title="DOM HTML 技术教程文章">
                        DOM HTML
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-htmldomcss/" title="DOM CSS 技术教程文章">
                        DOM CSS
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-htmldomevents/" title="DOM 事件 技术教程文章">
                        DOM 事件
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-htmldomeventlistener/" title="DOM EventListener 技术教程文章">
                        DOM EventListener
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-htmldomelements/" title="DOM 元素 技术教程文章">
                        DOM 元素
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-htmldomcollections/" title="HTMLCollection 对象 技术教程文章">
                        HTMLCollection 对象
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-htmldomnodelist/" title="NodeList 对象 技术教程文章">
                        NodeList 对象
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-objects/" title="JavaScript 对象 技术教程文章">
                        JavaScript 对象
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-objectprototype/" title="JavaScript prototype 技术教程文章">
                        JavaScript prototype
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-objnumber/" title="JavaScript Number 对象 技术教程文章">
                        JavaScript Number 对象
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-objstring/" title="JavaScript String 技术教程文章">
                        JavaScript String
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-objdate/" title="JavaScript Date（日期） 技术教程文章">
                        JavaScript Date（日期）
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-objarray/" title="JavaScript Array（数组） 技术教程文章">
                        JavaScript Array（数组）
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-objboolean/" title="JavaScript Boolean（布尔） 技术教程文章">
                        JavaScript Boolean（布尔）
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-objmath/" title="JavaScript Math（算数） 技术教程文章">
                        JavaScript Math（算数）
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-objregexp/" title="JavaScript RegExp 对象 技术教程文章">
                        JavaScript RegExp 对象
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-window/" title="JavaScript Window 技术教程文章">
                        JavaScript Window
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-windowlocation/" title="JavaScript Window Location 技术教程文章">
                        JavaScript Window Location
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-windownavigator/" title="JavaScript Navigator 技术教程文章">
                        JavaScript Navigator
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-popup/" title="JavaScript 弹窗 技术教程文章">
                        JavaScript 弹窗
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-timing/" title="JavaScript 计时事件 技术教程文章">
                        JavaScript 计时事件
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-cookies/" title="JavaScript Cookie 技术教程文章">
                        JavaScript Cookie
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-libraries/" title="JavaScript 库 技术教程文章">
                        JavaScript 库
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-examples/" title="JavaScript 实例 技术教程文章">
                        JavaScript 实例
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-exobjects/" title="JavaScript 对象实例 技术教程文章">
                        JavaScript 对象实例
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-exbrowser/" title="JavaScript 浏览器对象实例 技术教程文章">
                        JavaScript 浏览器对象实例
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-exdom/" title="JavaScript HTML DOM 实例 技术教程文章">
                        JavaScript HTML DOM 实例
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-summary/" title="JavaScript 总结 技术教程文章">
                        JavaScript 总结
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-jsreftutorial/" title="JavaScript 对象 技术教程文章">
                        JavaScript 对象
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-domobjdocument/" title="HTML DOM 对象 技术教程文章">
                        HTML DOM 对象
                    </a>                    <a  target="_self" href="https://qyyshop.com/web-javascript-async/" title="JavaScript 异步编程 技术教程文章">
                        JavaScript 异步编程
                    </a>                <a target="_self" href="https://qyyshop.com/web-javascript/">
                    javascript 全部
                </a>
            </div>
        </div>
    </div>


<div class="class-extend-topten ibox float-e-margins jctopten">
    <div class="ibox-title">
        <h5>JAVASCRIPT - 最新教程</h5>
    </div><div class="ibox-content containerMidPadding"><div class="left-list"><a target="_self" href="https://qyyshop.com/info/1329079.html" title="JavaScript引用类型之RegExp类型(正则表达式)">JavaScript引用类型之RegExp类型(正则表...</a><a target="_self" href="https://qyyshop.com/info/1328888.html" title="javascript获取用户按了哪个键">javascript获取用户按了哪个键</a><a target="_self" href="https://qyyshop.com/info/1328884.html" title="JavaScript数字精度上代码。">JavaScript数字精度上代码。</a><a target="_self" href="https://qyyshop.com/info/1328821.html" title="js页面跳转常用的几种方式_javascript技巧">js页面跳转常用的几种方式_javascript技...</a><a target="_self" href="https://qyyshop.com/info/1328741.html" title="Javascript 字典应用实例">Javascript 字典应用实例</a><a target="_self" href="https://qyyshop.com/info/1328588.html" title="浅谈JavaScript闭包">浅谈JavaScript闭包</a><a target="_self" href="https://qyyshop.com/info/1328374.html" title="《JavaScript语言入门教程》记录整理：入门和数据类型">《JavaScript语言入门教程》记录整理：...</a><a target="_self" href="https://qyyshop.com/info/1328306.html" title="通过JavaScript原型链理解基于原型的编程">通过JavaScript原型链理解基于原型的编...</a><a target="_self" href="https://qyyshop.com/info/1328303.html" title="javascript模拟重力感应弹跳，做个不一样的登陆端口">javascript模拟重力感应弹跳，做个不一...</a><a target="_self" href="https://qyyshop.com/info/1327783.html" title="浏览器端-W3School-JavaScript-Browser： Navigator 对象">浏览器端-W3School-JavaScript-Browser...</a></div></div>
</div>

<div class="class-extend-toptenview ibox float-e-margins jctopten">
    <div class="ibox-title"><h5>JAVASCRIPT - 最热教程</h5></div>
    <div class="ibox-content containerMidPadding"><div class="left-list"><a target="_self" href="https://qyyshop.com/info/331966.html" title="vue权限问题的完美解决方案">vue权限问题的完美解决方案</a><a target="_self" href="https://qyyshop.com/info/330723.html" title="JS实现返回上一页并刷新页面的方法分析">JS实现返回上一页并刷新页面的方法分析</a><a target="_self" href="https://qyyshop.com/info/331310.html" title="解决IOS端微信H5页面软键盘弹起后页面下方留白的问题">解决IOS端微信H5页面软键盘弹起后页面下...</a><a target="_self" href="https://qyyshop.com/info/747438.html" title="javascript – 如何通过z-index对这些canvas元素进行排序？">javascript – 如何通过z-index对这些c...</a><a target="_self" href="https://qyyshop.com/info/332135.html" title="微信小程序如何修改本地缓存key中单个数据的详解">微信小程序如何修改本地缓存key中单个数...</a><a target="_self" href="https://qyyshop.com/info/326989.html" title="javascript中html字符串转化为jquerydom对象的方法_javascript技巧">javascript中html字符串转化为jquerydo...</a><a target="_self" href="https://qyyshop.com/info/288489.html" title="获取TypeScript声明文件.d.ts方法解析（附代码）">获取TypeScript声明文件.d.ts方法解析（...</a><a target="_self" href="https://qyyshop.com/info/288603.html" title="通过使用vue制作滑动堆叠组件（详细教程）">通过使用vue制作滑动堆叠组件（详细教程...</a><a target="_self" href="https://qyyshop.com/info/286136.html" title="vue渲染页面后div的滚动条保持在最底部的方法">vue渲染页面后div的滚动条保持在最底部...</a><a target="_self" href="https://qyyshop.com/info/299645.html" title="js批量设置元素样式和封装似于jquery的css方法教程">js批量设置元素样式和封装似于jquery的...</a></div></div>
</div>
        
        
    </div>
</div>
<textarea id="forcopy" style="position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;"></textarea>



<div class="footer"><div class="pull-right">By：<a href="https://qyyshop.com/default.html" target="_blank">互联网集市</a></div><div><a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow"> 闽ICP备17012310号-6</a><strong>Copyright</strong> 互联网集市 &copy; 2021</div></div>
        </div>
    </div>
    <script src="/app_themes/core.js"></script>
    <link href="/app_themes/skin_manage/hplus/css/plugins/toastr/toastr.min.css" rel="stylesheet" />

    
    <script type="text/javascript" src="https://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
    <script>
        // 事件初始化
        $(function () {
            detailview('jiaocheng', '305426', $.cookie('_qwejklaa'));
            $("#subfav").click(function () {
                detailfav();
            });
        });

        function detailfav() {
            detailfavsource('jiaocheng','305426',$.cookie('_qwejklaa'));
        }

        var countnoticecopy = 0;
        jQuery('.qrcode').qrcode({
            render: "canvas"
            , width: 94
            , height: 94
            , correctLevel: 0
            , foreground: "#1ab394"                      // 前景色
            , background: "#FFF"                         // 底色
            , text: "https://qyyshop.com/info/305426.html"
        });
        $("pre").click(
            function (e) {
                //console.log(e);
                //console.log(e.currentTarget.innerText);
                // 复制代码
                copyText_NoMessage(e.currentTarget.innerText);
                toastr.success('复制成功代码段，包含代码字符数量' + e.currentTarget.innerText.length+"。", '代码复制提醒');
            }
        );
        $("pre").hover(
            function (e) {
                if (countnoticecopy === 0) {
                    console.log(countnoticecopy);
                    countnoticecopy = 1;
                    toastr.success('鼠标单击即可复制代码段。','代码复制提醒');
                }
            }
        );
    </script>

</body>
</html>