JavaScript内部测试笔试试题和答案.docx
《JavaScript内部测试笔试试题和答案.docx》由会员分享，可在线阅读，更多相关《JavaScript内部测试笔试试题和答案.docx（9页珍藏版）》请在冰豆网上搜索。
JavaScript内部测试笔试试题和答案
《使用JavaScript增强交互效果》内部测试-笔试试卷
一、选择题
1．关于XHTML1.0规定的级别声明，下面选项中属于严格类型的是（）。
A．Strict
B．Trasitional
C．Frameset
D．Mobile
2．下面HTML标签中，默认占据整行的是（）。
A．
B．
C．
D．
3．下面HTML代码片段中符合XHTML使用规范的是（）。
4．下面选项中，（）可以设置网页中某个标签的左外边距为5像素。
A．margin:
05px
B．margin:
5px000;
C．margin:
0005px;
D．padding-left:
5px;
5．在CSS中，为页面中的某个DIV标签设置以下样式，则该标签的实际宽度为（）。
div{width:
200px;padding:
020px;border:
5px;}
A．200px
B．220px
C．240px
D．250px
6．下面选项中，可以设置页面中某个DIV标签相对页面水平居中的CSS样式是（）。
0auto
B．padding:
C．text-align:
center
D．vertical-align:
middle
7．在HTML中，DIV默认样式下是不带滚动条的，若要使
A．overflow:
hidden;
B．display:
block;
C．overflow:
scroll;
D．display:
8．阅读下面HTML代码，在IE7.0及以上版本浏览器中，两个DIV之间的空白距离是（）。
.header{margin-bottom:
10px;border:
1pxsolid#f00;}
.container{margin-top:
15px;border:
......
A．0px
B．10px
C．15px
D．25px
9．阅读下面HTML代码，下面选项中增加的样式可以使两个DIV不在同一行显示的是（）。
div{float:
right;}
A．.box2{clear:
left;}
B．.box2{clear:
both;}
C．.box1{clear:
D．.box2{clear:
10．阅读下面HTML代码，若要使
A．dldt{float:
B．dldd{float:
C．dldt,dldd{float:
D．dl{display:
inline;}
11．某页面中有一个1行3列的表格，其中表格行
A．document.getElementById（"row1"）.Cells（3）;
B．document.getElementById（"row1"）.insertCell
（2）;
C．document.getElementById（"row1"）.insertCell（3）;
D．document.getElementById（"row1"）.insertCell（0）;
12．下列用来处理表格及其元素的方法中，书写正确并且可以删除行中指定的单元格的是（）。
A.deleteCell（）
B.deleteRow（）
C.delCell（）
D.delRow（）
13.在下列表格中的增加订单所在行之前插入一行的位置应该是（）。
A.0
B.1
C.2
D.3
14.下列正则表达式中（）可以匹配首位是小写字母或数字，其它位数是小写字母的最少两位的字符串。
A．/^\w{2,}$/
B．/^[a-z0-9][a-z]+$/
C．/^[a-z0-9][a-z]*$/
D．/^[a-z0-9]\d+$/
15.下列选项中（）可以正确的匹配一个正整数。
A.^[1-9]\d*$
B.^[1-9]+$
C.^[0-9]\d*$
D.^[1-9]\d+$
16．关于HTML中的表格和样式，下面说法错误的是（）。
A．表格的边框可以使用CSS来控制
B．单元格的尺寸可以使用CSS来控制
C．单元格的背景颜色可以使用CSS来控制
D．单元格的跨行或跨列可以使用CSS来控制
17．CSS样式background-position:
5px-10px代表的意义是（）。
A．背景图片向左偏移5px，向下偏移10px
B．背景图片向左偏移5px，向上偏移10px
C．背景图片向右偏移5px，向下偏移10px
D．背景图片向右偏移5px，向上偏移10px
18．下面CSSHack中，能够被IE6识别的是（）。
A．+width:
10px;
B．_width:
C．width:
10px\0;
D．@width:
19．当为一个向左或向右浮动的元素设置左或右边距时，在IE6.0浏览器中就会出现一个双倍边距的BUG，解决双倍边距BUG的常用方法是在浮动元素上添加（）样式。
A．display:
inline
none
C．float:
D．overflow:
hidden
20．在HTML中，
0;padding:
0;
B．border:
C．display:
inline;
D．width:
100%;
21．在W3C规范中，下面关于HTML标签的描述错误的是（）。
A．标签在页面中只能有1个
C．内嵌框架是自身闭合的标签，写法是
D．标签的value属性用来设置多行文本框中的默认文本</p><p>22．阅读下面CSS代码，下面选项中与该代码段效果等同的是（）。</p><p>.box{margin:</p><p>10px5px;margin-right:</p><p>10px;margin-top:</p><p>5px;}</p><p>A．.box{margin:</p><p>5px10px10px5px;}</p><p>B．.box{margin:</p><p>5px10px0px0px;}</p><p>C．.box{margin:</p><p>5px10px;}</p><p>D．.box{margin:</p><p>10px5px10px5px;}</p><p>23．在CSS中，下面关于样式“#container,.main{font-size:</p><p>12px;}”与“#container.main{font-size:</p><p>14px;}”的说法正确的是（）。</p><p>A．前者表示同时设置两个选择器的样式，后者表示只设置main选择器的样式</p><p>B．前者表示只设置main选择器的样式，后者表示同时设置两个选择器的样式</p><p>C．二者中间的逗号或者空格都可以省略</p><p>D．二者作用是相同的</p><p>24．在CSS中，下面关于定义字体类型的用法正确的是（）。</p><p>A．font-family:</p><p>宋体,ArialBlack,TimesNewRoman;</p><p>B．font-family:</p><p>宋体,"ArialBlack","TimesNewRoman";</p><p>C．font-family:</p><p>"宋体",ArialBlack,TimesNewRoman;</p><p>D．font-family:</p><p>"宋体","ArialBlack","TimesNewRoman";</p><p>25．阅读下面HTML代码，如果期望tabs位于box容器的右下角，则需要添加的CSS样式是（）。</p><p><divid="box"><divid="tabs"></div></div></p><p>A．#tabs{position:</p><p>absolute;right:</p><p>0;bottom:</p><p>0;}</p><p>B．#tabs{position:</p><p>relative;right:</p><p>0;bottom:</p><p>0;}</p><p>C．#box{position:</p><p>relative;}#tabs{position:</p><p>absolute;right:</p><p>0;bottom:</p><p>0;}</p><p>D．#box{position:</p><p>relative;}#tabs{position:</p><p>rightbottom;}</p><p>26．在HTML页面中，调用外部样式表的方法是（）。</p><p>A．<stylerel="stylesheet"type="text/css"href="外部样式表地址"/></p><p>B．<linkrel="stylesheet"type="text/css"href="外部样式表地址"/></p><p>C．<stylerel="stylesheet"type="text/css"link="外部样式表地址"/></p><p>D．<linkrel="stylesheet"type="text/css"style="外部样式表地址"/></p><p>27．阅读下面的HTML及CSS代码，图片距最外面的DIV外边缘的距离是（）。</p><p>...</p><p><styletype="text/css"></p><p>#outbox{border:</p><p>10pxsolid#ff0000;width:</p><p>400px;}</p><p>#inbox{border:</p><p>20pxsolid#ff0000;margin:</p><p>10px;padding:</p><p>10px;}</p><p></style></p><p>...</p><p><divid="outbox"></p><p><divid="inbox"><imgsrc="flower.jpg"/></div></p><p></div></p><p>...</p><p>A．10px</p><p>B．30px</p><p>C．40px</p><p>D．50px</p><p>28．在HTML网页中添加如下CSS样式，鼠标不再链接上面时，网页中的链接呈现的颜色为（）。</p><p>body{color:</p><p>red;}</p><p>a{color:</p><p>black;}</p><p>a:</p><p>link,a:</p><p>visited{color:</p><p>green;}</p><p>a:</p><p>hover,a:</p><p>active{color:</p><p>blue;}</p><p>...</p><p>A．红色</p><p>B．绿色</p><p>C．蓝色</p><p>D．黑色</p><p>29．下面关于外部样式表的说法错误的是（）。</p><p>A．文件扩展名为.css</p><p>B．外部样式表内容以<style>标签开始，</style>标签结束</p><p>C．CSS属性值不可以包含汉字</p><p>D．使用外部样式表可以使网站更加简洁，风格保持统一</p><p>30．下面选项中是合法的类样式的是（）。</p><p>A．.Word</p><p>B．#Word</p><p>C．.2A</p><p>D．#A2</p><p>二、判断题</p><p>阅读题目，在下面的圆括号中填写对或错。</p><p>1．在CSS中，border:</p><p>1px2px3px4px表示设置某个HTML元素的上边框为1px、右边框为2px、下边框为3px、左边框为4px。</p><p>（）</p><p>2．在HTML中，<iframe>标签的frameborder属性用来设置内嵌框架的边框宽度，属性值设为2表示边框宽度为2像素。</p><p>（）</p><p>3．在CSS中，padding和margin的值都可以为负数。</p><p>（）</p><p>4．在HTML中，单元格的rowspan属性用来设置单元格的跨行。</p><p>（）</p><p>5．在CSS中，设置display属性为none可以用来隐藏页面中的元素。</p><p>（）</p><p>6.在HTMLDOM中，TableCell对象的cellIndex属性可以返回返回单元格内部数据的水平排列方式。</p><p>（）</p><p>7.在HTMLDOM中，当deleteRow（index）方法的参数index等于1时，表示删除第一行。</p><p>（）</p><p>8.正则表达式中，“*”号匹配前一项0次或1次，也就是说前一项是可选的，等价于{0,1}。</p><p>（）</p><p>9.在正则表达式中，符号“$”匹配字符串的结束（）。</p><p>10.DOM由三部分组成，分别是CoreDOM、XMLDOM和HTMLDOM。</p><p>（）</p><p>三、填空题</p><p>1、在HTMLDOM中，Table对象的________方法可以从表格中删除一行</p><p>2、在HTMLDOM中，TableRow对象的________方法用于在一行中的指定位置插入一个空的<td>标签。</p><p>3、正则表达式的字符________可以匹配前一项1次或多次，等价于{1,}。</p><p>4、写出匹配一个电子邮件地址的正则表达式________。</p><p>5、JavaScript中String对象的正则表达式方法________用于找到一个或多个正则表达式的匹配。</p><p>6．在CSS中，“font:</p><p>16px/20pxArial”表示的意义是行高________、字体大小________。</p><p>7．在CSS中，_______________属性可以用来设置列表前面的列表项标记类型。</p><p>8．在CSS中，________属性可以用来设置元素的叠放顺序。</p><p>9．样式“background-color:</p><p>#f00;background-repeat:</p><p>repeat-y;background-image:</p><p>url（banner.jpg）;background-position:</p><p>lefttop;”可以合写为________________________________________。</p><p>10．在CSS中，控制图片周围的文本相对于图片垂直居中，需要为图片添加_______________样式。</p><p> </p><p>《使用JavaScript增强交互效果》内部测试-笔试试卷答案</p><p>一、选择题</p><p>1．A2．AB3．D4．AC5．D</p><p>6．A7．C8．C9．BD10．AC</p><p>11．C12．A13．C14．B15．A</p><p>16．D17．D18．AB19．A20．A</p><p>21．CD22．A23．A24．BD25．C</p><p>26．B27．D28．B29．BC30．A</p><p>二、判断题</p><p>1．错误2．错误3．错误4．正确5．正确</p><p>6．错误7．错误8．错误9．正确10．正确</p><p>三、填空题</p><p>1、deleteRow（）</p><p>2、insertCell（）</p><p>3、+</p><p>4、^\w+@\w+（\.[a-zA-Z]{2,3}）{1,2}$</p><p>5、match</p><p>6．20px、16px</p><p>7．list-style-type</p><p>8．z-index</p><p>9．background:</p><p>#f00url（banner.jpg）lefttoprepeat-y</p><p>10．vertical-align</p><p></p> </div> <div class="readmore" onclick="showmore()" style="background-color:transparent; height:auto; margin:0px 0px; padding:20px 0px 0px 0px;"><span class="btn-readmore" style="background-color:transparent;"><em style=" font-style:normal">展开</em>阅读全文<i></i></span></div> <script> function showmore() { $(".readmore").hide(); $(".detail-article").css({ "height":"auto", "overflow": "hidden" }); } $(document).ready(function() { var dh = $(".detail-article").height(); if(dh >100) { $(".detail-article").css({ "height":"100px", "overflow": "hidden" }); } else { $(".readmore").hide(); } }); </script> </div> <script> var defaultShowPage = parseInt("5"); var id = "4425039"; var total_page = "9"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/4425039.html'; } function relate() { var reltop = $('#relate').offset().top-50; $("html,body").animate({ scrollTop: reltop }, 500); } </script> <script> var pre = "https://file1.bdocx.com/fileroot1/2022-11/30/6beb431c-bbe0-4270-9dc4-f9cd10d1a7c4/6beb431c-bbe0-4270-9dc4-f9cd10d1a7c4"; var freepage = parseInt('9'); var total_c = parseInt('9'); var start = defaultShowPage; var adcount = 0; var adindex = 0; var adType_list = ";0;1;2;3;4;5;6;7;8;"; var end = start; function ShowSvg() { end = start + defaultShowPage; if (end > freepage) end = freepage; for (var i = start; i < end; i++) { var imgurl = pre + (i + 1) + '.gif'; var html = "<img src='" + imgurl + "' onerror=\"this.src='/images/s.gif'\" alt=\"JavaScript内部测试笔试试题和答案.docx_第" + (i + 1) + "页\" width='100%'/>"; $("#page").append("<div class='page'>" + html + "</div>"); $("#page").append("<div class='pageSize'>第" + (i + 1) + "页 / 共" + total_c + "页</div>"); if(adcount > 0 && adType_list.indexOf(";"+(i+1)+";")>-1) { if(adindex > (adcount-1)) adindex = 0; $("#page").append("<div class='pagead' id='addiv"+(i + 1)+"'></div>"); document.getElementById("addiv"+(i + 1)+"").innerHTML =document.getElementById("adpre" + adindex).outerHTML; adindex += 1; } } start = end; if (start > (freepage - 1)) { if (start < total_c) { $("#pageMore").removeClass("btnmore"); $("#pageMore").html("亲，该文档总共" + total_c + "页，到这儿已超出免费预览范围，如果喜欢就下载吧！"); } else { $("#pageMore").removeClass("btnmore"); $("#pageMore").html("亲，该文档总共" + total_c + "页全部预览完了，如果喜欢就下载吧！"); } } } //$(document).ready(function () { // ShowSvg(); //}); </script> <div id="relate" class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8"> <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">相关资源</div> <div id="relatelist" style="padding-left:5px;"> <ul> <li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30863041.html" title="高中语文现代文阅读答题方法最全汇总.docx">高中语文现代文阅读答题方法最全汇总.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30863040.html" title="高中语文阅读拓展延伸类试题类型及解题方法分析.docx">高中语文阅读拓展延伸类试题类型及解题方法分析.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30863039.html" title="高中语文阅读理解必考的意象类词语.docx">高中语文阅读理解必考的意象类词语.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30863038.html" title="高中语文文言文知识清单及解题技巧.docx">高中语文文言文知识清单及解题技巧.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30863037.html" title="高中语文文言文最常见的40例古今异义词.docx">高中语文文言文最常见的40例古今异义词.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30863036.html" title="高中语文议论文的精彩结构构思标题+开头段+论证段+结尾.docx">高中语文议论文的精彩结构构思标题+开头段+论证段+结尾.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30863035.html" title="高中语文专题之古诗词情景式默写练习题大汇编.docx">高中语文专题之古诗词情景式默写练习题大汇编.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30863034.html" title="高中语文资料：48组文言文阅读高频词归类.docx">高中语文资料：48组文言文阅读高频词归类.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30863033.html" title="高中语文文言文120个实词小故事助记.docx">高中语文文言文120个实词小故事助记.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30863032.html" title="高中语文人物传记高频词总结.docx">高中语文人物传记高频词总结.docx</a> </li> </ul> </div> </div> <div class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8"> <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">猜你喜欢</div> <div id="relatelist" style="padding-left:5px;"> <ul> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/4040332.html" target="_parent" title="学校思想政治工作会议心得体会.docx">学校思想政治工作会议心得体会.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/4040333.html" target="_parent" title="新人教版小学一年级数学下册精品教案全册.docx">新人教版小学一年级数学下册精品教案全册.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/4040334.html" target="_parent" title="新型商用车项目可行性研究报告.docx">新型商用车项目可行性研究报告.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/4040335.html" target="_parent" title="压缩语段的方法.docx">压缩语段的方法.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/4040336.html" target="_parent" title="刑事诉讼法期末复习单选题.docx">刑事诉讼法期末复习单选题.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/4040337.html" target="_parent" title="研判跌到位的四种诀窍.docx">研判跌到位的四种诀窍.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/4040338.html" target="_parent" title="徐州华鑫GGH改造方案书.docx">徐州华鑫GGH改造方案书.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/4040339.html" target="_parent" title="学而思薪酬绩效管理系统规章制度与全套工具.docx">学而思薪酬绩效管理系统规章制度与全套工具.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/4040340.html" target="_parent" title="学年度第二学期七年级语文课程计划.docx">学年度第二学期七年级语文课程计划.docx</a></li> </ul> </div> </div> <div style=" font-size: 16px; background-color:#e5f0f7; margin-top:20px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px; margin-bottom:10px;"> 相关搜索</div> <div class="widget-box pt0" style="border: none; padding:0px 5px;"> <ul class="taglist--inline multi"> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=JavaScript">JavaScript</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%86%85%e9%83%a8">内部</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%b5%8b%e8%af%95">测试</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%ac%94%e8%af%95">笔试</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e8%af%95%e9%a2%98">试题</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%ad%94%e6%a1%88">答案</a></li> </ul> </div> <br /> <div > 当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> > <a href="https://m.bdocx.com/booklist-00019.html">高中教育</a><span> > </span><a href="https://m.bdocx.com/booklist-0001900001.html">语文</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=cpkFG2Ddss0%3d&parto=FqQQZWt%2bcwNXN0QjP18jlkS738Kxn4A2aFqXr2xdKyofDN05mkIe4ori2tYeMFvGsVr12V2hgDho%2fFCFFWczVshWMGTr%2fFCj4dcqazfUx3ETaBImTnTwXACOxYhA3rnnkOHe9PdGG8ncvL9UA%2bTiH%2bXOdfSIT7U5mFBz%2fItOuu%2fDS41GsmpTJ7WgBD9vkgxbVVUXz17CisNiszf%2bGajPOYHBQGeXFdWA" frameborder="0" style="width: 0px; height: 0px"> </iframe> </div> <span id="LabelScript"></span> <script src="https://mstatic.bdocx.com/JS/bootstrap-collapse.js"></script> </form> <div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;"> <div class="siteInner"> <p style="text-align: center;">copyright@ 2008-2022 冰豆网网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备2022015515号-1</a></p><script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2e77bd3f6fe91b0e21d3f22267249ee3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</script><script>(function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?81476e42bf626128cf29544ee216a8ed7deb9487dce7ed62313212129c4244a219d1c501ebd3301f5e2290626f5b53d078c8250527fa0dfd9783a026ff3cf719"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window)</script> </div> </div> <div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; "> <div class="trlogoside" id="navlogo" style="display: none;"> <a href="https://m.bdocx.com/" title="冰豆网"><img src="https://www.bdocx.com/images/logo_bd.png" alt="冰豆网"></a> <div class="trnavclose" id="navclose"> <span></span> </div> </div> <div class="navcontainer"> <div class="row"> <ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;"> <li><a target="_parent"href="https://m.bdocx.com/login.aspx">登录</a></li> <li><a target="_parent"href="https://m.bdocx.com/">首页 </a></li> <li><a target="_parent"href="https://m.bdocx.com/booklist-0.html">资源分类 </a></li> <li><a target="_parent"href="https://m.bdocx.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bdocx.com/images/s.gif" alt="new" class="hottip1">升级会员 <img src="https://www.bdocx.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new" class="hottip"></a></li> <li><a target="_parent"href="https://m.bdocx.com/newslist.html">通知公告 </a></li> <li><a target="_parent"href="https://m.bdocx.com/h-0.html">帮助中心 </a></li> </ul> </div> </div> </div> <script type="text/javascript"> function stopPropagation(e) { var ev = e || window.event; if (ev.stopPropagation) { ev.stopPropagation(); } else if (window.event) { window.event.cancelBubble = true;//兼容IE } } $("#navmore").click(function (e) { $("#navcontent").show(); $("#navlogo").show(); stopPropagation(e); var navcontentwidth = $("#navcontent").width(); $('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' }); $("#navcontent").show().animate({ "right": 0 }, 300); }); $(document).bind('click', function () { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); $("#navcontent").click(function (e) { stopPropagation(e); }); $("#navclose").click(function (e) { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); </script> <script> function BaseShare(title, desc, imgUrl) { var link = "https://m.bdocx.com/doc/4425039.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1719386270', // 必填，生成签名的时间戳 nonceStr: 'AB817C9349CF9C4F6877E1894A1FAA00', // 必填，生成签名的随机串 signature: '4017b11d0369adba38c89e9bc0b2954edb2af1ed',// 必填，签名，见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } function BaseShare(title, desc, imgUrl, link) { if (link=="") link = "https://m.bdocx.com/doc/4425039.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1719386270', // 必填，生成签名的时间戳 nonceStr: 'AB817C9349CF9C4F6877E1894A1FAA00', // 必填，生成签名的随机串 signature: '4017b11d0369adba38c89e9bc0b2954edb2af1ed',// 必填，签名，见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } </script> <script> $(document).ready(function () { var arr = $(".headercontent"); for (var i = 0; i < arr.length; i++) { (function (index) { var url = "https://m.bdocx.com/header.aspx"; $.get(url + "?t=" + (new Date()).valueOf(), function (d) { try { arr.eq(index).empty().html(d); } catch (e) { } try { arr.html(d); } catch (e) { } }); })(i); } }); </script> <script src="https://mstatic.bdocx.com/js/jquery.lazyload.js"></script> <script charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> </body> </html>