HTML超文本标签语言.docx
《HTML超文本标签语言.docx》由会员分享，可在线阅读，更多相关《HTML超文本标签语言.docx（13页珍藏版）》请在冰豆网上搜索。
HTML超文本标签语言
姓名：
丁宁
日期：
2009.4.15
QQ：
1050335639
858313880
文档说明
该文档是本人学习路由器WebUI阶段,对HTML超文本标签语言的总结,只是笔记形式的不是很系统,如有不足或理解偏差之处,还请各位批评指正!
标签是HTML的核心,本文主要列举了一些常用的标签,给出了每组标签应用实例的HTML代码供参考.
目录
1初识HTML网页设计1
2HTML元素1
3HTML标签1
3.1基本的HTML标签2
3.2HTML链接2
3.3表单标签3
3.4列表标签5
3.5表格标签6
4HTML样式（CSS）7
4.1外部样式表7
4.2内部样式表7
4.3内联样式7
5HTML脚本（JavaScript）8
6HTML综述8
1初识HTML网页设计
HTML（HypertextMarkupLanguage）即超文本标签语言,是WWW的描述语言.HTML语言好似Web文档的规范,它使用各种HTML标签来设置网页显示格式.
第一个HTML网页:
就像初识VC的第一个HelloC程序一样,我们编一个最简单的网页,以给出像我这样的初学者一个直观的印象.
这是我的第一个页面。
这是粗体文本。
在记事本中敲入上段代码,保存为.html文件,在浏览器中打开该.html文件,则会在浏览页显示:
2HTML元素
HTML文档是由HTML元素构成的文本文件.
HTML元素是通过使用HTML标签定义的.
上面例子中:
就是一个HTML元素，它由起始标签开始
3HTML标签
∙HTML标签是用来标记HTML元素的。
∙HTML标签被<和>符号包围。
∙这些包围的符号叫作尖括号。
∙HTML标签是成对出现的。
例如和。
∙位于起始标签和终止标签之间的文本是元素的内容。
∙HTML标签对大小写不敏感，和的作用是相同的。
3.1基本的HTML标签
标签
描述
定义HTML文档。
定义文档的主体。
定义标题1至标题6。
定义段落。
插入折行。
定义水平线。
-->
定义注释。
代码举例：
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
use"br"tobreakaline
use"p"tochangetoanotherparagraph
在此处添加注释>
网页效果：
3.2HTML链接
锚标签，Href属性，Target属性,name属性
HTML使用（锚）标签来创建连接另一个文档的链接。
锚可以指向网络上的任何资源：
一张HTML页面，一幅图像，一个声音或视频文件等等。
Href属性用来定位需要链接的文档.
使用Target属性，你可以定义被链接的文档在何处显示。
Name属性用于创建被命名的锚（namedanchors）。
当使用命名锚（namedanchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。
链接到按钮
/
Thischapterexplainsbablabla
Firstname:
网页效果:
3.3表单标签
定义供用户输入的表单
定义输入域
</p><p>定义文本域（一个多行的输入控件）</p><p><label></p><p>定义一个控制的标签</p><p><fieldset></p><p>定义域</p><p><legend></p><p>定义域的标题</p><p><select></p><p>定义一个选择列表</p><p><optgroup></p><p>定义选项组</p><p><option></p><p>定义下拉列表中的选项</p><p><button></p><p>定义一个按钮</p><p>定义表单的形式:</p><p><form></p><p><inputtype=””></p><p></input></p><p></form></p><p>输入类型是由类型属性（type）定义的.</p><p>经常被用到的输入类型如下:</p><p>文本域,单选框,复选框,下来表单,按钮表单,绘制带标题的框:</p><p><form></p><p>Firstname:</p><p><inputtype="text"name="firstname"><!</p><p>文本域><br></p><p>Female：</p><p><inputtype="radio"name="Sex"checked=”checked”value="female"><!</p><p>单选框></p><p>Male:</p><p><inputtype="radio"name="Sex"value="male"><!</p><p>单选框><br></p><p><inputtype="checkbox"name"bike">Ihaveabike!</p><p><!</p><p>复选框><br/></p><p><inputtype="button"value="button"><br/><!</p><p>按钮表单></p><p><selectname="cars"><!</p><p>下拉菜单></p><p><optionvalue="saab">Saab</option></p><p><optionvalue="fiat"selected="selected">Fiat</option></p><p></select><br/></p><p><fieldset><!</p><p>在数据周围绘制带标题的框></p><p><legend>健康信息：</p><p></legend></p><p>身高：</p><p><inputtype="text"/>体重：</p><p><inputtype="text"/></p><p></fieldset></p><p></form></p><p>注:</p><p>单选框中的几个选择项根据name确定为一组,一组选择中只能有一项被选择,如果不指定为同样的name,则无法实现确定为一组.</p><p>网页效果:</p><p>表单的动作属性（Action）和确认按钮:</p><p>用户单击确认按钮时,表单的内容会被传送到另一个文件.表单的动作属性定义了目的文件的文件名.由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理.</p><p>代码举例:</p><p><formname="input"action="html_form_action.asp"method="get"></p><p>Username:</p><p><inputtype="text"name="user"></p><p><inputtype="submit"value="Submit"></p><p></form></p><p>网页效果:</p><p>3.4列表标签</p><p>标签</p><p>描述</p><p><ol></p><p>定义有序列表。</p><p><ul></p><p>定义无序列表。</p><p><li></p><p>定义列表项。</p><p><dl></p><p>定义定义列表。</p><p><dt></p><p>定义定义项目。</p><p><dd></p><p>定义定义的描述。</p><p>代码举例:</p><p><body></p><p><ol></p><p><li>苹果</p><p><ul><!</p><p>type:</p><p>disc,circle,square></p><p><li>苹果</li><li>香蕉</li></p><p></ul></p><p></li></p><p><li>香蕉</p><p><dl>定义列表</p><p><dt>定义项目<dd>定义的描述</dd></dt></p><p></dl></p><p></li></p><p></ol></p><p></body></p><p></html></p><p>注:</p><p>无序列表使用<ul>标签,该标签可以使用type注明列表的符号,type=”disc”,”circle”,”square”分别为圆点,圆圈,方点.</p><p>网页效果:</p><p>3.5表格标签</p><p>表格</p><p>描述</p><p><table></p><p>定义表格</p><p><caption></p><p>定义表格标题。</p><p><th></p><p>定义表格的表头。</p><p><tr></p><p>定义表格的行。</p><p><td></p><p>定义表格单元。</p><p><thead></p><p>定义表格的页眉。</p><p><tbody></p><p>定义表格的主体。</p><p><tfoot></p><p>定义表格的页脚。</p><p><col></p><p>定义用于表格列的属性。</p><p><colgroup></p><p>定义表格列的组。</p><p>代码举例:</p><p><body></p><p><tableborder="1"></p><p><tr></p><p><td><p>这是一个段落。</p><p>这是另一个段落。</p></td></p><p><td>这个单元包含一个表格：</p><p><tableborder="1"></p><p><tr><td>A</td><td>B</td></tr></p><p><tr><td>C</td><td>D</td></tr></p><p></table></p><p></td></p><p></tr></p><p><tr></p><p><td>这个单元包含一个列表：</p><p><ul><li>苹果</li><li>香蕉</li><li>菠萝</li></ul></p><p></td></p><p><td>HELLO</td></p><p></tr></p><p></table></p><p></body></p><p>网页效果:</p><p>4HTML样式（CSS）</p><p>当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化.有一下三种方式来插入样式表:</p><p>4.1外部样式表</p><p>当样式需要被应用到很多页面的时候,外部样式表将是理想的选择.使用外部样式表,可以通过更改一个文件来改变整个站点的外观.</p><p><head></p><p><linkrel="stylesheet"type="text/css"href="mystyle.css"></p><p></head></p><p>4.2内部样式表</p><p>当单个文件需要特别样式时,就可以使用内部样式表.可以在head头部分通过<style>标签定义内部样式表.</p><p><head></p><p><styletype="text/css"></p><p>body{background-color:</p><p>red}</p><p>p{margin-left:</p><p>20px}</p><p></style></p><p></head></p><p>4.3内联样式</p><p>当特殊的样式需要应用到个别元素时,就可以使用内联样式.使用内联样式的方法是在相关的标签中使用样式属性.样式属性可以包含任何CSS属性.</p><p><pstyle="color:</p><p>red;margin-left:</p><p>20px"></p><p>Thisisaparagraph</p></p><p>5HTML脚本（JavaScript）</p><p>向HTML添加脚本（Script）,使其动态性和交互性更强.</p><p>HTML中的脚本使用<script>标签进行定义.可以使用type属性来指定脚本语言.</p><p><html></p><p><head></p><p></head></p><p><body></p><p><scripttype="text/javascript"></p><p>document.write（"HelloWorld!</p><p>"）</p><p></script></p><p></body></p><p></html></p><p>上面的脚本输出以下结果:</p><p>6HTML综述</p><p>本文本在初步了解HTML语言的基础上着重介绍了HTML的几种标签:</p><p>基本标签,链接标签,表单标签,列表标签和表格标签.这几种是在网页中应用比较广泛标签,其他一些标签可以边用边查,边用边记.</p><p>介绍了如何在HTML中引用CSS样式,以便于外观的批量修改.</p><p>最后介绍了在HTML中添加脚本的方法,用以增强网页的交互性和动态性.</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 = "26670926"; var total_page = "13"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/26670926.html'; } function relate() { var reltop = $('#relate').offset().top-50; $("html,body").animate({ scrollTop: reltop }, 500); } </script> <script> var pre = "https://file1.bdocx.com/fileroot1/2023-6/21/a81f6347-62fd-4ea9-b2f1-eee21347fb2b/a81f6347-62fd-4ea9-b2f1-eee21347fb2b"; var freepage = parseInt('13'); var total_c = parseInt('13'); 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;"; 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=\"HTML超文本标签语言.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="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873206.html" title="医学研究的数据管理与分析——第一章-绪论.ppt">医学研究的数据管理与分析——第一章-绪论.ppt</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872673.html" title="《现代西班牙语》1-4册课文.docx">《现代西班牙语》1-4册课文.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872571.html" title="小学信息技术教学的现状及解决对策.docx">小学信息技术教学的现状及解决对策.docx</a> </li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872562.html" title="一年级下册识字表注音练习(人教版).doc">一年级下册识字表注音练习(人教版).doc</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872082.html" title="《自动控制原理》教学创新设计.pptx">《自动控制原理》教学创新设计.pptx</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872002.html" title="海洋环境保护法内容实用动态课件.pptx">海洋环境保护法内容实用动态课件.pptx</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871967.html" title="陶瓷涂层.ppt">陶瓷涂层.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871830.html" title="应急预案编制与演练培训.ppt">应急预案编制与演练培训.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871660.html" title="模拟退火算法详解.ppt">模拟退火算法详解.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871419.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/26580621.html" target="_parent" title="苏教版二年级上学期英语复习资料.docx">苏教版二年级上学期英语复习资料.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/26580622.html" target="_parent" title="完善的信贷风控客户经理培训手册.docx">完善的信贷风控客户经理培训手册.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/26580623.html" target="_parent" title="皖跃路桥梁预制空心板施工方案.docx">皖跃路桥梁预制空心板施工方案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/26580624.html" target="_parent" title="微机实验8253.docx">微机实验8253.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/26580625.html" target="_parent" title="围墙及门岗施工组织设计.docx">围墙及门岗施工组织设计.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/26580626.html" target="_parent" title="体育单招考试田径测试方法与评分标准.docx">体育单招考试田径测试方法与评分标准.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/26580627.html" target="_parent" title="停工方案.docx">停工方案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/26580628.html" target="_parent" title="通信原理课程设计报告信号的取样与恢复.docx">通信原理课程设计报告信号的取样与恢复.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/26580629.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=HTML">HTML</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e8%b6%85%e6%96%87%e6%9c%ac">超文本</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%a0%87%e7%ad%be">标签</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e8%af%ad%e8%a8%80">语言</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-0001900005.html">理化生</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=85Odljjg29DSl6Qu0lpzbA%3d%3d&parto=5nSIasAWG7x6SMxkVKa7%2blshQICvmIhM5zIJUeV1peTa3veP%2bgOmf2ziIWkqehoz8ePB%2fJ4ov1%2fDB8AXiiSUBpA2oRoaHdZ7CjQWgeWovWX7btvqhJ3G5WmqWYoMZnLRT9TBUfEICbO%2fi19dbKXtYPxhpXMU%2fk25PzmjK3grMru4IyvAbD28ZJ5BVkKjsxzxGN8Tf%2fkUn%2bWSvO48T46nEGJielg7rJlJ" 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/26670926.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1727584078', // 必填，生成签名的时间戳 nonceStr: '33E75FF09DD601BBE69F351039152189', // 必填，生成签名的随机串 signature: '18e401c013539922ba6815748dbc0720e0d96b7f',// 必填，签名，见附录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/26670926.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1727584078', // 必填，生成签名的时间戳 nonceStr: '33E75FF09DD601BBE69F351039152189', // 必填，生成签名的随机串 signature: '18e401c013539922ba6815748dbc0720e0d96b7f',// 必填，签名，见附录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>