WEB前端编码规范.docx

资源描述

WEB前端编码规范.docx

《WEB前端编码规范.docx》由会员分享，可在线阅读，更多相关《WEB前端编码规范.docx（43页珍藏版）》请在冰豆网上搜索。

WEB前端编码规范.docx

XXXX有限公司

XXXXXXXX管理平台

Web前端代码编写规范

文件状态：

[√]草稿

[]正式发布

[]正在修改

文件标识：

当前版本：

1.0

作者：

李光强

完成日期：

2016.1.30

XXXXXX

2016年1月修改历史

编号

修订后

版本号

修订人

修订内容简述

修订

日期

1.0

李光强

起草

2016.1.30

第一部分HTML规范

HTML并不是一种编程语言，而是一种标记语言，它没有任何真正的编程语言中的循环或是流程控制语句。

然而，HTML代码的格式和风格是非常重要的，因为要经常对HTML代码进行维护和修改，因此HTML代码必须有很清晰的逻辑结构和布局，而使其易懂和易于维护。

HTML语言是不区分大小写的，但为改善可读性，规定小写所有字母（除最上一行引用外）。

与HTML不一样，XHTML对大小写是敏感的，和<TITLE>是不同的标签。</p><p>具体规范如下：</p><p>1.文件定义</p><p><!</p><p>DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http:</p><p>//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></p><p><htmlxmlns="http:</p><p>//www.w3.org/1999/xhtml"></p><p><head></p><p><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/></p><p>2.网站head区代码规范：</p><p>head区是指<head>和</head>之间的内容。</p><p>必须加入的标签：</p><p>2.1公司版权注释</p><p><!</p><p>---</p><p>文件：</p><p>XXX.html</p><p>说明：</p><p>说明本HTML是用于什么功能</p><p>作者：</p><p>李四</p><p>时间：</p><p>2016/1/30</p><p>---></p><p>2.2网页显示字符集</p><p>简体中文：</p><p><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"></p><p>繁体中文：</p><p><metahttp-equiv="Content-Type"content="text/html;charset=BIG5"></p><p>英语：</p><p><metahttp-equiv="Content-Type"content="text/html;charset=iso-8859-1"></p><p>2.3作者与版权信息</p><p>此处用于存储开发公司版权信息，如：</p><p><metaname="author"content=""></p><p><metaname="copyright"content=",版权所有"/></p><p>2.4网页的css,javascript规范</p><p>在引用CSS和JS文件时，统一放置在<head></head>中，先放CSS引用，再放js引用。</p><p><linkhref="style/style.css"rel="stylesheet"type="text/css"/></p><p>html中javascript的书写：</p><p><scriptlanguage="javascript"type="text/javascript"></script></p><p>2.5网页标题</p><p>Title中使用“-”分割，如：</p><p>设备管理平台-运维系统。</p><p>2.6设置搜索关键词</p><p><metaname="keywords"content=""/></p><p>百度关键词搜索指数：</p><p>热门词汇，目前收索量最多的词汇。</p><p>可以查看百度热词榜，</p><p>GoogleAdWords关键字工具：</p><p>查询特定关键词的常见查询及扩展匹配。</p><p>KEYWRODS关键字最多不超过5个建议长度：</p><p>小于等于100个汉字，如果使用的网页编码是UTF-8，不同关键字之间用英文“,”分隔。</p><p>2.7网站简介</p><p><metaname="description"content=""/></p><p>description是描述网页内容的，因此最好是可以用一句话来概括本网页的主题内容。</p><p>description不要超过255个字符，搜索引擎索引一般都会索引Description的前255个字符，因此，这255个字符是做搜索引擎优化的关键。</p><p>如果使用的网页编码是UTF-8，那么在Description中的标点符号最好都使用英文，例如英文的逗号、句号等。</p><p>如果是中文的话，那么就使用中文的标点符号即可。</p><p>2.8其它标签[非必需]</p><p>1.设定网页的到期时间。</p><p>一旦网页过期，必须到服务器上重新调阅，这样有利于页面信息。</p><p><metahttp-equiv="expires"content="wed,26feb200908:</p><p>21:</p><p>57gmt"></p><p>2.禁止浏览器从本地机的缓存中调阅页面内容。</p><p><metahttp-equiv="pragma"content="no-cache"></p><p>3.用来防止别人在框架里调用你的页面。</p><p><metahttp-equiv="window-target"content="_top"></p><p>4.自动跳转。</p><p><metahttp-equiv="refresh"content="5;url=">5指时间停留5秒。</p><p>5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。</p><p><metaname="robots"content="none"></p><p>CONTENT的参数有all,none,index,noindex,follow,nofollow。</p><p>默认是all。</p><p>6.收藏夹图标</p><p><linkrel="shortcuticon"href="/favicon.ico"type="image/x-icon"/>图片大小16px*16px</p><p>7.订阅RSS浏览</p><p>是一种描述和同步网站内容的格式。</p><p>用户可以通过RSS阅读器订阅。</p><p><linkhref=”abc.aspx”title=”新现代教育网”type=”application/rss+xml”rel=”alternte”/></p><p>2.9完整示例</p><p>3.html中元素的书写：</p><p><body>区域标签</p><p>3.1段落</p><p>段落使用<p>标签进行定义。</p><p><p>Thisisaparagraph</p></p><p>3.2标题</p><p>即正文标题一般用<h1></h1>标签，最好和title标签的内容有关联。</p><p>标题使用<h1>至<h6>标签进行定义。</p><p><h1>定义最大的标题。</p><p><h6>定义最小的标题。</p><p><h1>Thisisaheading</h1></p><p><h2>Thisisaheading</h2></p><p><h3>Thisisaheading</h3></p><p><h4>Thisisaheading</h4></p><p><h5>Thisisaheading</h5></p><p><h6>Thisisaheading</h6></p><p>文章中的小标题一定也要加粗。</p><p>可以把网页中的重要内容做成这样。</p><p>用户不用登陆这个网页就可看到更新的内容。</p><p>3.3字体的设置标签</p><p>换行：</p><p><br/></p><p>字体修饰不要使用<font><strong>等进行标注，一般使用css样式进行字体样式排版</p><p>3.4注意事项</p><p>1.<body>为了保证浏览器的兼容性，必须设置页面背景：</p><p><bodybgcolor="#FFFFFF"></p><p>2.关闭所有的标签</p><p>打开的标签必须关闭，例如，当然还有一种关闭方式，如：</p><p><br/>。</p><p>即：</p><p>一定要有结束标记。</p><p>3.属性值用双引号“”括起来,属性统一使用小写</p><p>例如：</p><p><imgheight="60"width="760"src="images/logo.gif"/></p><p>4.给所有的属性赋值</p><p>不正确的写法：</p><p><input……checked/></p><p>正确的写法为：</p><p><input……checked="checked"/></p><p>5.标签要合理嵌套</p><p>不正确的写法：</p><p><div><h1></div></h1></p><p>正确的写法为：</p><p><div><h1></h1></div></p><p>7.特殊字符用编码标识</p><p>如"<"用"<"表示，">"用">"表示。</p><p>8.网页中图片优化</p><p>一定要加alt属性，alt属性指定了当图片不能显示的时候就显示供替换文本。</p><p>内容最好与关键词相关。</p><p>如：</p><p><imgsrc="images/logo.gif"alt="网站LOGO"/></p><p>一些小图标最好用.png或.gif格式图片，比如说箭头，文章列表前的图标等，在CSS中做成背景。</p><p>这些小图标最好做一张图片，用CSS来定位。</p><p>9.用结构化的元素输出内容</p><p><ul></p><p><li>新现代</li></p><p><li>新现代</li></p><p><li>新现代</li></p><p></ul></p><p>或者使用</p><p><dl></p><p><dt></dt></p><p><dd></dd></p><p></dl></p><p>10．标签要有缩进，便于代码阅读修改。</p><p>11、tr、td必须定义在table之间；</p><p><table></p><p><tbody></p><p><tr></p><p><td>……</td></p><p>….</p><p></tr></p><p></tbody></p><p></table></p><p>注：</p><p>tbody绝对不可以省略。</p><p>12、button按钮必须定义在form之间，否则netscape不支持；</p><p><formaction=”……”method=”post”></p><p><inputtype=”button”name=”but”value=”back”></p><p></form></p><p>13、html注释</p><p>（1）每一独立部分都要表明注释。</p><p>例如：</p><p><!</p><p>—右边begin--><!</p><p>--右边end--></p><p><!</p><p>—左边begin--><!</p><p>—左边end--></p><p>块代码的注释</p><p><!</p><p>—头部begin--></p><p>大量代码块，使用此种样式，方便阅读</p><p><!</p><p>—头部end--></p><p>（2）注释要用描述性语言，能够清楚的表达每一部分的意思。</p><p>4.HTML元素的排序规则</p><p>能够使用的HTML元素包括：</p><p>div、p、ul、table、span、input、select等。</p><p>基本上div、table、ul、p都属于结构性比较强的元素，而span、input则是比较弱的元素，因此不允许有span嵌套div、table等等的情况出现，span可以嵌套input,可以嵌套span。</p><p>在写页面的时候可以先不考虑界面呈现，按照这样的规则，把数据直接绑定到HTML元素的节点上。</p><p>5.九大原则</p><p>原则一：</p><p>一般要写兼容多种浏览器的网页，最省事的方法就先写适合chrome的样式，并在chrome进行调度。</p><p>测试时可以使用多种浏览器。</p><p>原则二：</p><p>逐步叠加的方式，如果需要用这个样式的模块很多，并且会存在些许的不同，千万不要把样式一步写到位，最好把框架性的先写好，细节性的留到第二个步骤，甚至第三个步骤，当然最好步骤不要超过三步，这样很不利于维护。</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 = "232333"; var total_page = "43"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/232333.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-10/7/38de7f32-83ef-4cc6-9b2f-db88b72a6168/38de7f32-83ef-4cc6-9b2f-db88b72a6168"; var freepage = parseInt('20'); var total_c = parseInt('43'); var start = defaultShowPage; var adcount = 0; var adindex = 0; var adType_list = ";0;1;2;3;4;5;6;7;8;9;10;11;12;13;14;15;16;17;18;19;"; 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=\"WEB前端编码规范.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="xls"/></em><a target="_parent" href="https://m.bdocx.com/doc/21335119.html" title="学校机构代码数据河北表格文件下载.xls">学校机构代码数据河北表格文件下载.xls</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/21059731.html" title="需求与设计写作培训PPT格式课件下载.ppt">需求与设计写作培训PPT格式课件下载.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/21058888.html" title="铝门窗安装工程施工工艺PPTPPT文档格式.ppt">铝门窗安装工程施工工艺PPTPPT文档格式.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/21058644.html" title="辐射防护基本知识PPT文件格式下载.ppt">辐射防护基本知识PPT文件格式下载.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/21058231.html" title="课程标准研制说明课程主题PPT文件格式下载.ppt">课程标准研制说明课程主题PPT文件格式下载.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/21049945.html" title="第4章-关系数据库标准语言SQL1PPT格式课件下载.ppt">第4章-关系数据库标准语言SQL1PPT格式课件下载.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/21049696.html" title="移动PPT课件下载推荐.ppt">移动PPT课件下载推荐.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/21049534.html" title="百度推广后台基本操作手册1PPT文档格式.ppt">百度推广后台基本操作手册1PPT文档格式.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/21046279.html" title="煤矿小绞车操作工教程PPT文件格式下载.ppt">煤矿小绞车操作工教程PPT文件格式下载.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/21046124.html" title="流体输配管网PPT格式课件下载.ppt">流体输配管网PPT格式课件下载.ppt</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/8128.html" target="_parent" title="大功率晶闸管项目可行性研究报告.docx">大功率晶闸管项目可行性研究报告.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8129.html" target="_parent" title="个人技术入股合同范本.docx">个人技术入股合同范本.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8130.html" target="_parent" title="党委书记党建述职报告4篇.docx">党委书记党建述职报告4篇.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8131.html" target="_parent" title="大型活动策划方案最经典模板5篇集锦大全.docx">大型活动策划方案最经典模板5篇集锦大全.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8132.html" target="_parent" title="工作计划工作计划开头6篇.docx">工作计划工作计划开头6篇.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8133.html" target="_parent" title="合同范本物业服务合同.docx">合同范本物业服务合同.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8134.html" target="_parent" title="出纳实践报告三篇.docx">出纳实践报告三篇.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8135.html" target="_parent" title="道路工程施工方案.docx">道路工程施工方案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/8136.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=WEB">WEB</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%89%8d%e7%ab%af">前端</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%bc%96%e7%a0%81">编码</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e8%a7%84%e8%8c%83">规范</a></li> </ul> </div> <br /> <div > 当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> > <a href="https://m.bdocx.com/booklist-00023.html">考试认证</a><span> > </span><a href="https://m.bdocx.com/booklist-0002300005.html">IT认证</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=5uth4l91XW0%3d&parto=aZurVHFQak686aj%2b%2bIWGpbf2tzJOZquriZa%2b2yzbQfQ7lQLVNrOhmh4%2bQkCp2K98xEbtk1BsLMayG75Vh0Bozz7VZ8xBeBnN%2fHHyaDofsJUXlpNw2YrYIdlSm7g63I87DL3v42nnkrMt5oTAopCPpFqb0HDc94DrVva%2beZR58p84GIJ9EvtProU1wJ5N%2fDmHv354ZfmR5r6lqpTt%2fcobInlU4W3Klpm%2b" 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/232333.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1720206404', // 必填，生成签名的时间戳 nonceStr: '25B2822C2F5A3230ABFADD476E8B04C9', // 必填，生成签名的随机串 signature: '30f383723f64b923ac5c9500a03c5cbda4e4b148',// 必填，签名，见附录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/232333.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1720206404', // 必填，生成签名的时间戳 nonceStr: '25B2822C2F5A3230ABFADD476E8B04C9', // 必填，生成签名的随机串 signature: '30f383723f64b923ac5c9500a03c5cbda4e4b148',// 必填，签名，见附录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>