技术文章 > web前端 > js教程

复杂的javascript窗口分帧解析_javascript技巧

原创: 2016-05-16 15:14:53728浏览

什么是窗口分帧？　　

　窗口分帧就是把一个浏览器文档窗口分隔成多个窗口,每个窗口都可以显示一个独立的网页文件，每个帧(即页面)都有自己的url。

帧窗口该如何创建？

帧通常是由和标记创建的。但在HTML 4中，标记也可以用来在文档中创建“内联帧”。就JavaScript来说，<iframe>创建的帧与<frameset>和<frame>创建的帧一样。</p> <p>　　在HTML中用<frameset>（分割窗口标记）来分割窗口，<frameset>在多窗口页面中的地位就相当于<body>在普通单窗口页面中的地位，在页面中用<frameset>……</frameset>标志页面主体部分的起止位置。而且，<frameset>标记决定了怎样划分窗口，以及每个窗口的位置和大小。其基本语法结构如下：</p> <div class="jb51code"> <pre class="brush:js;"> <frameset cols=n rows=n frameborder=yes|no border=n bordercolor=#n framespacing=n></frameset> </pre> </div> <p>　　cols和rows：是决定页面如何分割的两个参数。分割左右窗口用cols，各帧的左右宽度用占窗口宽度的百分比来表示。比如：cols="30%,40%,*"就表示水平方向分割成三个窗口，各自所占总宽度的百分比依次是30%，40%和30%。其中"*"表示剩余部分，也就是说"*"对应的小窗口宽度为剩余的宽度。分割上下窗口用rows，同样采用百分比的设定方法。</p> <p>　　<strong>frameborder：</strong>是指定各分窗口是（ye）否（no）要加边框；如果加过框的话，则用 border参数指定边框的宽度，bordercolor指定边框的颜色。</p> <p>　　<strong>framespacing：</strong>用于设定各分窗口之间的间隔大小，默认值是0。</p> <p>　　用<frameset>标记把窗口分割好后，各窗口的属性是用HTML的<frame>标记来定义的，所以<frameset>标记中必须包含<frame>标记，用以定义各分窗口的属性。其语法如下：</p> <div class="jb51code"> <pre class="brush:js;"> <frame align=left|center|right|top|bottomv name=framename src＝url noresize scrolling＝yes|on|auto frameborder=yes|no bordercolor＝＃n marginheight=n marginwidth＝n></frame> </pre> </div> <p>　　<strong>align：</strong>设定分窗口的位置是靠左（left）、靠右（right）、居中（center）、靠上（top）还是靠底（bottom）。</p> <p>　　<strong>name：</strong>用于指定分窗口的名称，src则用于指定分窗口所对应的HTML页面地址。</p> <p>　　<strong>noresize：</strong>是对用户来说的，当<frame>标记中包含此参数的时候，用户就不能用鼠标调整修改各分窗口的大小。</p> <p>　　<strong>scrolling：</strong>设定分窗口是否要滚动条。scrolling=no时不要滚动条，scrolling＝yes时表示要滚动条，scrolling＝auoto时表示根据实际情况自动设置滚动条。</p> <p>　　<strong>frameborder和bordercolor：</strong>是设定分窗口有无边框和边框颜色的。但对象只限于用<frame>标记的分窗口。</p> <p>　　<strong>marginheight和marginwidth：</strong>分别用于设定分窗口的上下边缘和左右边缘的宽度。</p> <p>　　例如：</p> <div class="jb51code"> <pre class="brush:js;"> <frameset cols="50%,*,25%"> <frame src="http://www.baidu.com" noresize="noresize" /> <frame src="http://www.baidu.com" /> <frame src="http://www.baidu.com" /> </frameset></pre> </div> <p><strong>JavaScript中帧窗口之间的关系？<br /> </strong>　　一个窗口的任何帧可以通过<span style="color: #800000"><strong>top,frames</strong><span style="color: #000000">和</span><strong>parent</strong></span>属性来引用其他帧。</p> <p>　　任何窗口或帧中的JavaScript代码可以将自己的窗口和帧引用为 window 或 self。</p> <p>　　每个窗口都有frames属性。这个属性引用一个Window对象的数组，其中每个元素代表的是这个窗口中包含的帧(如果一个窗口没有任何帧，那么frames[]数组就是空的，frames.length为0).这样，窗口就可以使用frames[0]来引用它的第一个帧,使用frames[1]来引用第二个帧，一次类推。</p> <p>　　每个窗口还包含有一个parent属性，它引用包含这个窗口的Window对象。这样，窗口中的第一个帧就可以引用它的兄弟帧，即:</p> <div class="jb51code"> <pre class="brush:js;"> 　parent.frames[1]</pre> </div> <p>如果一个窗口是顶级窗口，而不是帧，那么parent属性引用的就是这个窗口本身：　　</p> <div class="jb51code"> <pre class="brush:js;"> parent==self;</pre> </div> <p>如果一个帧包含在另一个帧中，而后者又包含在顶级窗口中，那么该帧就可以使用parent.parent来引用顶级窗口。</p> <p><span style="color: #800000"><strong>注意事项：<br /> </strong></span>分帧不能和body标签及内容体共存</p> <p>分帧不利于搜索引擎优化，正常前台页面不建议使用分帧。</p> <p>以上就是本文的全部内容，希望对大家学习javascript程序设计有所帮助。</p> </div><div class="nphpQianMsg"><a href="/search?word=javascript">javascript</a> <a href="//m.sbmmt.com/m/search?word=窗口分帧">窗口分帧</a><a href="//m.sbmmt.com/m/course/list/29/type/2.html">PHP课程</a><a href="//m.sbmmt.com/m/course/list/11.html">HTML视频教程</a><a href="//m.sbmmt.com/m/course/list/12.html">CSS视频</a><a href="//m.sbmmt.com/m/course/list/17.html">JS视频教程</a><a href="//m.sbmmt.com/m/course/list/18.html">Vue视频教程</a><div class="clear"></div></div><div class="nphpQianSheng"><span>声明：</span>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。</div></div><div class="wwads-cn wwads-horizontal" data-id="164" style="max-width:640px"></div><div class="nphpSytBox"><span>上一条：<a class="dBlack" href="//m.sbmmt.com/m/article/2642.html">初识angular框架后的所思所想_AngularJS</a></span><span>下一条：<a class="dBlack" href="//m.sbmmt.com/m/article/2644.html">JavaScript与jQuery实现的闪烁输入效果_javascript技巧</a></span></div><script type="text/javascript" src="//m.sbmmt.com/sw/hezuo/16e561434ad42f17963b25d80a9fabeb.html" ></script><script type="text/javascript" src="//m.sbmmt.com/m//m.sbmmt.com/cpro/ui/cm.js" async="async" defer="defer" ></script><div class="nphpSytBox1"><div class="nphpShou"><a href="//m.sbmmt.com/m/k.html" class="aRed"><b class="icon2"></b><em>【24期】《PHP小白到大牛》线上班，开始报名了！</em><span></span></a><div class="clear"></div></div><ul class="nphpBian"><li><a href="//m.sbmmt.com/m/blog/detail/1046940.html"><span class="bg1"></span><dl><dt>编程学习群</dt><dd>技术答疑交流</dd></dl><div class="clear"></div></a></li><li><a href="javascript:window.location.href = 'https://mp.weixin.qq.com/s?__biz=Mzk0MTE2MDU0Ng==&mid=2247487529&idx=1&sn=f4f9feda0951312daebe69478f219e7a&chksm=c2d7f124f5a0783233d879a6de3c59165dc2520e15813860b5bace817a6e08e530d454abd3c6#rd';"><span class="bg2"></span><dl><dt>关注公众号</dt><dd>获取学习资源</dd></dl><div class="clear"></div></a></li><div class="clear"></div></ul></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>学习路径</h2><em><a href="//m.sbmmt.com/m/map.html" class="bBlack"><i>查看更多</i><b></b></a></em><div class="clear"></div></div><div class="nphpXxljIn"><div class="swiper-container nphpXxljSwiper"><div class="swiper-wrapper"><div class="swiper-slide"><a href="//m.sbmmt.com/m/map/2.html"><img data-src="//m.sbmmt.com/img/upload/route/000/000/001/62f4c55ec6c43763.png" alt="2022 大前端开发（Vue方向）" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /><dl><dt>2022 大前端开发（Vue方向）</dt><dd>10门课程</dd></dl></a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/map/4.html"><img data-src="//m.sbmmt.com/img/upload/route/000/000/001/62f4c7cbcf076182.png" alt="PHP快速入坑" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /><dl><dt>PHP快速入坑</dt><dd>10门课程</dd></dl></a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/map/5.html"><img data-src="//m.sbmmt.com/img/upload/route/000/000/001/62e7d9d404651558.png" alt="PHP框架开发" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /><dl><dt>PHP框架开发</dt><dd>9门课程</dd></dl></a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/map/7.html"><img data-src="//m.sbmmt.com/img/upload/route/000/000/001/62f4c80a792cb684.png" alt="WEB前端快速入门" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /><dl><dt>WEB前端快速入门</dt><dd>11门课程</dd></dl></a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/map/6.html"><img data-src="//m.sbmmt.com/img/upload/route/000/000/001/62f4c7f46ddcd313.png" alt="PHP实战开发" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /><dl><dt>PHP实战开发</dt><dd>7门课程</dd></dl></a></div><div class="clear"></div></div></div><script> var swiper = new Swiper('.nphpXxljSwiper', { slidesPerView : 'auto' }); </script></div></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>相关文章</h2><em><a href="//m.sbmmt.com/m/article.html" class="bBlack"><i>查看更多</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="//m.sbmmt.com/m/article/515543.html" class="aBlack">一文带你快速了解JS正则表达式的使用方法</a><div class="clear"></div></li><li><b></b><a href="//m.sbmmt.com/m/article/515520.html" class="aBlack">深入浅析Node事件循环中的微任务队列</a><div class="clear"></div></li><li><b></b><a href="//m.sbmmt.com/m/article/513947.html" class="aBlack">深入浅析Node中的util.promisify()函数</a><div class="clear"></div></li><li><b></b><a href="//m.sbmmt.com/m/article/513773.html" class="aBlack">晕！面试题console.log(([][[]] + [])[+!![]]+([]+{})[+!![]+ + !![]])输出什么</a><div class="clear"></div></li><li><b></b><a href="//m.sbmmt.com/m/article/512328.html" class="aBlack">图文详解Clip-path实现按钮流动边框动画</a><div class="clear"></div></li></ul></div><div class="nphpSytBox2"><div class="nphpTjkcTitle"><ul class="nphpTjkcMenu menu1"><li class="current">相关课程</li><div class="clear"></div></ul><div class="nphpTjkcMenuIn" style="text-align:center;line-height:23px;background:linear-gradient(90deg, #FFF0EF 0%, #fdd2cf 100%);"><a href="//m.sbmmt.com/m/course/type/8.html" style="width:100px;text-align:center;color:#F40303"><img src="//m.sbmmt.com/img/upload/article/000/000/015/60ab3b6160ae1893.png" style="width:10px;height:10px;margin:7px 5px 0 0;"><strong>PHP直播课</strong></a></div><div class="clear"></div></div><div class="content1"><div class="layout1"><ul class="nphpXszkList nphpXszkList1"><li><div class="nphpXszkImg"><a href="//m.sbmmt.com/m/course/170.html" class="aWhite"><img data-src="//m.sbmmt.com/img/upload/course/000/000/068/6253ddf274262146.png" alt="PHP入门视频教程之一周学会PHP" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /></a></div><div class="nphpXszkCont"><h2><a href="//m.sbmmt.com/m/course/170.html" class="aBlack">PHP入门视频教程之一周学会PHP</a></h2></div><div class="clear"></div><div class="nphpXszkMsg"><span><a href="//m.sbmmt.com/m/course/list/29.html">PHP教程</a>｜1362183次学习</span><em><i> 公益 </i><div class="clear"></div></em><div class="clear"></div></div></li><li><div class="nphpXszkImg"><a href="//m.sbmmt.com/m/course/177.html" class="aWhite"><img data-src="//m.sbmmt.com/img/upload/course/000/000/068/6253ded505801941.png" alt="弹指间学会HTML视频教程" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /></a></div><div class="nphpXszkCont"><h2><a href="//m.sbmmt.com/m/course/177.html" class="aBlack">弹指间学会HTML视频教程</a></h2></div><div class="clear"></div><div class="nphpXszkMsg"><span><a href="//m.sbmmt.com/m/course/list/11.html">HTML教程</a>｜190734次学习</span><em><i> 公益 </i><div class="clear"></div></em><div class="clear"></div></div></li><li><div class="nphpXszkImg"><a href="//m.sbmmt.com/m/course/178.html" class="aWhite"><img data-src="//m.sbmmt.com/img/upload/course/000/000/068/6253df9cb15b8188.png" alt="弹指间学会CSS视频教程" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /></a></div><div class="nphpXszkCont"><h2><a href="//m.sbmmt.com/m/course/178.html" class="aBlack">弹指间学会CSS视频教程</a></h2></div><div class="clear"></div><div class="nphpXszkMsg"><span><a href="//m.sbmmt.com/m/course/list/12.html">CSS教程</a>｜116600次学习</span><em><i> 公益 </i><div class="clear"></div></em><div class="clear"></div></div></li><li><div class="nphpXszkImg"><a href="//m.sbmmt.com/m/course/179.html" class="aWhite"><img data-src="//m.sbmmt.com/img/upload/course/000/000/068/625418e1161cb159.png" alt="javascript初级视频教程" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /></a></div><div class="nphpXszkCont"><h2><a href="//m.sbmmt.com/m/course/179.html" class="aBlack">javascript初级视频教程</a></h2></div><div class="clear"></div><div class="nphpXszkMsg"><span><a href="//m.sbmmt.com/m/course/list/17.html">JavaScript教程</a>｜178407次学习</span><em><i> 公益 </i><div class="clear"></div></em><div class="clear"></div></div></li><li><div class="nphpXszkImg"><a href="//m.sbmmt.com/m/course/180.html" class="aWhite"><img data-src="//m.sbmmt.com/img/upload/course/000/000/068/62552cc4a8984974.png" alt="CSS3 最新视频教程" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /></a></div><div class="nphpXszkCont"><h2><a href="//m.sbmmt.com/m/course/180.html" class="aBlack">CSS3 最新视频教程</a></h2></div><div class="clear"></div><div class="nphpXszkMsg"><span><a href="//m.sbmmt.com/m/course/list/14.html">CSS3教程</a>｜46962次学习</span><em><i> 公益 </i><div class="clear"></div></em><div class="clear"></div></div></li></ul></div></div><div class="_prla37v1mxq"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6878819", container: "_prla37v1mxq", async: true }); </script><div class="nphpShou2"><a href="//m.sbmmt.com/m/app/" class="aRed"><b></b><em>打开APP，随时随地在线学习！</em><span></span></a><div class="clear"></div></div></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="//m.sbmmt.com/m/"><b class="icon1"></b><p>首页</p></a></li><li><a href="//m.sbmmt.com/m/course.html"><b class="icon2"></b><p>课程</p></a></li><li><a href="//m.sbmmt.com/m/k.html" class="hover"><b class="icon3"></b><p>直播</p></a></li><li><a href="//m.sbmmt.com/m/wenda.html"><b class="icon4"></b><p>社区</p></a></li><li><a href="//m.sbmmt.com/m/login"><b class="icon5"></b><p>我的</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="//m.sbmmt.com/m/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="//m.sbmmt.com/m/"><b class="icon1"></b><span>首页</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/course.html"><b class="icon2"></b><span>课程</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/article.html"><b class="icon3"></b><span>文章</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/wenda.html"><b class="icon4"></b><span>问答</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/blog.html"><b class="icon5"></b><span>博客</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/dic.html"><b class="icon6"></b><span>词典</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/course/type/99.html"><b class="icon7"></b><span>手册</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/xiazai/"><b class="icon8"></b><span>资源</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/search"><b class="icon9"></b><span>搜索</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/app/"><b class="icon10"></b><span>APP下载</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/mk.html"><b class="icon11"></b><span>PHP培训</span><em>新</em><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="//m.sbmmt.com/m/article/#"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="//m.sbmmt.com/m/" >首页</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/course.html" >课程</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/map.html">路径</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/article.html" class="hover">文章</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/mk.html" title="PHP培训">PHP培训</a><b></b></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/coding.html">精品课</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/xiazai" >下载</a></div><div class="clear"></div></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto' }); </script></div></div></div><script>var href = window.location.href; var title = document.title; var num = Math.floor(Math.random() * 10000 + 1); var newscript = document.createElement('script'); newscript.setAttribute('type','text/javascript'); newscript.setAttribute('src',"https://analyze.xm6wpp.com/index.php/api/statistics/phpcn?url="+encodeURIComponent(href)+"&title="+encodeURIComponent(title)+"&"+num); var head = document.getElementsByTagName('head')[0]; head.appendChild(newscript); (function () { var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') {bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';} else {bp.src = 'http://push.zhanzhang.baidu.com/push.js';} var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://m.sbmmt.com/hm.js?43f47cabf6856204df6d083dd89ae407"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script><script>isLogin = 0;</script><script type="text/javascript" src="//m.sbmmt.com/m/static/layui/layui.js"></script><script type="text/javascript" src="//m.sbmmt.com/m/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><script type="text/javascript" src="//m.sbmmt.com/m//m.sbmmt.com/cpro/ui/cm.js" async="async" defer="defer" ></script><script type="text/javascript" charset="UTF-8" src="https://cdn.wwads.cn/js/makemoney.js" async></script><link rel='stylesheet' id='_main-css' href='//m.sbmmt.com/m/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='//m.sbmmt.com/m/static/js/viewer.min.js?1'></script><script type='text/javascript' src='//m.sbmmt.com/m/static/js/jquery-viewer.min.js'></script><script>$('.nphpApp').hide(); jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); $(function() { $(".nphpFen em").click(function(){ if($(this).hasClass("icon1")){ $(this).removeClass("icon1").addClass("icon2").html("<b></b>已收藏") }else{ $(this).removeClass("icon2").addClass("icon1").html("<b></b>收藏") } }) $(".nphpFen i").click(function(){ if($(this).hasClass("icon1")){ $(this).removeClass("icon1").addClass("icon2").html("<b></b>已点赞") }else{ $(this).removeClass("icon2").addClass("icon1").html("<b></b>点赞") } }) }) </script><script> // function called if wwads is blocked function ABDetected() { document.getElementsByClassName("wwads-cn")[0].insertAdjacentHTML("beforeend", "<style>.wwads-horizontal,.wwads-vertical{background-color:#f4f8fa;padding:5px;min-height:120px;margin-top:20px;box-sizing:border-box;border-radius:3px;font-family:sans-serif;display:flex;min-width:150px;position:relative;overflow:hidden;}.wwads-horizontal{flex-wrap:wrap;justify-content:center}.wwads-vertical{flex-direction:column;align-items:center;padding-bottom:32px}.wwads-horizontal a,.wwads-vertical a{text-decoration:none}.wwads-horizontal .wwads-img,.wwads-vertical .wwads-img{margin:5px}.wwads-horizontal .wwads-content,.wwads-vertical .wwads-content{margin:5px}.wwads-horizontal .wwads-content{flex:130px}.wwads-vertical .wwads-content{margin-top:10px}.wwads-horizontal .wwads-text,.wwads-content .wwads-text{font-size:14px;line-height:1.4;color:#0e1011;-webkit-font-smoothing:antialiased}.wwads-horizontal .wwads-poweredby,.wwads-vertical .wwads-poweredby{display:block;font-size:11px;color:#a6b7bf;margin-top:1em}.wwads-vertical .wwads-poweredby{position:absolute;left:10px;bottom:10px}.wwads-horizontal .wwads-poweredby span,.wwads-vertical .wwads-poweredby span{transition:all 0.2s ease-in-out;margin-left:-1em}.wwads-horizontal .wwads-poweredby span:first-child,.wwads-vertical .wwads-poweredby span:first-child{opacity:0}.wwads-horizontal:hover .wwads-poweredby span,.wwads-vertical:hover .wwads-poweredby span{opacity:1;margin-left:0}.wwads-horizontal .wwads-hide,.wwads-vertical .wwads-hide{position:absolute;right:-23px;bottom:-23px;width:46px;height:46px;border-radius:23px;transition:all 0.3s ease-in-out;cursor:pointer;}.wwads-horizontal .wwads-hide:hover,.wwads-vertical .wwads-hide:hover{background:rgb(0 0 0 /0.05)}.wwads-horizontal .wwads-hide svg,.wwads-vertical .wwads-hide svg{position:absolute;left:10px;top:10px;fill:#a6b7bf}.wwads-horizontal .wwads-hide:hover svg,.wwads-vertical .wwads-hide:hover svg{fill:#3E4546}</style><a href='https://wwads.cn/page/whitelist-wwads' class='wwads-img' target='_blank' rel='nofollow'><img src='https://creatives-1301677708.file.myqcloud.com/images/placeholder/wwads-friendly-ads.png' width='130'></a><div class='wwads-content'><a href='https://wwads.cn/page/whitelist-wwads' class='wwads-text' target='_blank' rel='nofollow'>为了本站的长期运营，请将我们的网站加入广告拦截器的白名单，感谢您的支持！</a><a href='https://wwads.cn/page/end-user-privacy' class='wwads-poweredby' title='万维广告～让广告更优雅，且有用' target='_blank'><span>万维</span><span>广告</span></a></div><a class='wwads-hide' onclick='parentNode.remove()' title='隐藏广告'><svg xmlns='http://www.w3.org/2000/svg' width='6' height='7'><path d='M.879.672L3 2.793 5.121.672a.5.5 0 11.707.707L3.708 3.5l2.12 2.121a.5.5 0 11-.707.707l-2.12-2.12-2.122 2.12a.5.5 0 11-.707-.707l2.121-2.12L.172 1.378A.5.5 0 01.879.672z'></path></svg></a>"); }; //check document ready function docReady(t) { "complete" === document.readyState || "interactive" === document.readyState ? setTimeout(t, 1) : document.addEventListener("DOMContentLoaded", t); } //check if wwads' fire function was blocked after document is ready with 3s timeout (waiting the ad loading) docReady(function () { setTimeout(function () { if( window._AdBlockInit === undefined ){ ABDetected(); } }, 3000); }); </script><script> var returnCitySN = ''; // document.getElementById("phpad").style.display="none"; // document.getElementById("topad").style.display="none"; // document.getElementById("phpcontent").style.display="none"; // document.getElementById("app_open").style.display="none"; </script><script type="text/javascript" charset="UTF-8" src="//m.sbmmt.com/ip/city.php?sign=0d22f91003d21746a034df703f60ff7f"></script><script>var cname = returnCitySN.cname; var cname = cname.split("|"); function setCookie(name,value,iDay){ //name相当于键，value相当于值，iDay为要设置的过期时间（天） var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate; } //读cookies function getCookiea(name) { var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)) return arr[2]; else return null; } var ad = getCookiea('ad'); if(ad) { var num = parseInt(ad)+1; } else { var num = 1; } if(num <= 20 || true) { if( returnCitySN == '' || encodeURIComponent(returnCitySN.cname).indexOf('%E5%B8%B8%E5%BE%B7') != -1 || encodeURIComponent(returnCitySN.cname).indexOf('%E6%96%B0%E7%96%86') != -1 || encodeURIComponent(returnCitySN.cname).indexOf('%E5%8C%97%E4%BA%AC') != -1) { // $('#phpad').remove(); // $('#topad').remove(); // $('#phpcontent').remove(); // $('#app_open').remove(); } else { // document.getElementById("phpad").style.display=""; // document.getElementById("topad").style.display=""; // document.getElementById("phpcontent").style.display=""; // document.getElementById("app_open").style.display=""; } setCookie('ad',num,1) } </script></body></html>