HTML高级教程学习笔记.docx

上传人:b****4 文档编号:24581645 上传时间:2023-05-29 格式:DOCX 页数:13 大小:162.27KB
下载 相关 举报
HTML高级教程学习笔记.docx_第1页
第1页 / 共13页
HTML高级教程学习笔记.docx_第2页
第2页 / 共13页
HTML高级教程学习笔记.docx_第3页
第3页 / 共13页
HTML高级教程学习笔记.docx_第4页
第4页 / 共13页
HTML高级教程学习笔记.docx_第5页
第5页 / 共13页
点击查看更多>>
下载资源
资源描述

HTML高级教程学习笔记.docx

《HTML高级教程学习笔记.docx》由会员分享,可在线阅读,更多相关《HTML高级教程学习笔记.docx(13页珍藏版)》请在冰豆网上搜索。

HTML高级教程学习笔记.docx

HTML高级教程学习笔记

1.HTML框架

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

框架结构标签()

∙框架结构标签()定义如何将窗口分割为框架

∙每个frameset定义了一系列行或列

∙rows/columns的值规定了每行或每列占据屏幕的面积

框架标签(Frame)

Frame标签定义了放置在每个框架中的HTML文档。

在下面的这个例子中,我们设置了一个两列的框架集。

第一列被设置为占据浏览器窗口的25%。

第二列被设置为占据浏览器窗口的75%。

HTML文档"frame_a.htm"被置于第一个列中,而HTML文档"frame_b.htm"被置于第二个列中:

  

  

基本的注意事项-有用的提示:

假如一个框架有可见边框,用户可以拖动边框来改变它的大小。

为了避免这种情况发生,可以在标签中加入:

noresize="noresize"。

为不支持框架的浏览器添加标签。</p><p>重要提示:</p><p>不能将<body></body>标签与<frameset></frameset>标签同时使用!</p><p>不过,假如你添加包含一段文本的<noframes>标签,就必须将这段文字嵌套于<body></body>标签内。</p><p>(在下面的第一个实例中,可以查看它是如何实现的。</p><p>)</p><p><html></p><p><framesetcols="25%,50%,25%"></p><p><framesrc="/example/html/frame_a.html"></p><p><framesrc="/example/html/frame_b.html"></p><p><framesrc="/example/html/frame_c.html"></p><p><noframes></p><p><body>您的浏览器无法处理框架!</p><p></body></p><p>

2.HTML字体

字体标签font

使用类似下面的HTML代码,你可以定义浏览器输出的尺寸和类型:

Thisisaparagraph.

Thisisanotherparagraph.

3.HTMLCSS

如何使用样式

当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。

有以下三种方式来插入样式表:

外部样式表

当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。

使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

内部样式表

当单个文件需要特别样式时,就可以使用内部样式表。

你可以在head部分通过

内联样式

当特殊的样式需要应用到个别元素时,就可以使用内联样式。

使用内联样式的方法是在相关的标签中使用样式属性。

样式属性可以包含任何CSS属性。

以下实例显示出如何改变段落的颜色和左外边距。

red;margin-left:

20px">

Thisisaparagraph

4.HTML字符实体

字符实体

一些字符在HTML中拥有特殊的含义,比如小于号(<)用于定义HTML标签的开始。

如果我们希望浏览器正确地显示这些字符,我们必须在HTML源码中插入字符实体。

字符实体有三部分:

一个和号(&),一个实体名称,或者#和一个实体编号,以及一个分号(;)。

要在HTML文档中显示小于号,我们需要这样写:

<或者<

使用实体名称而不是实体编号的好处在于,名称相对来说更容易记忆。

而这么做的坏处是,并不是所有的浏览器都支持最新的实体名称,然而几乎所有的浏览器对实体编号的支持都很好。

空格

空格是HTML中最普通的字符实体。

通常情况下,HTML会裁掉文档中的空格。

假如你在文档中连续输入10个空格,那么HTML会去掉其中的9个。

如果使用 ,就可以在文档中增加空格。

5.HTML头部

头元素

头元素包含关于文档的概要信息,也称为元信息(meta-information)。

Meta意为“关于某方面的信息”。

可以这么说,元数据(meta-data)是关于数据的信息,而元信息是关于信息的信息。

头元素内的信息

头元素内的元素不会被浏览器显示出来。

根据HTML标准,仅有几个标签在HTML的头部分是合法的。

它们是:

,,,,<style>和<script>。</p><p>6.HTML元信息</p><p>Meta元素</p><p>正如在上一章中我们所解释的,头元素包含着关于文档的概要信息。</p><p>HTML同样包含位于head元素内部的meta元素。</p><p>Meta元素的作用是提供文档的元信息。</p><p>大多数情况下,meta元素用来提供与浏览器或者搜索引擎相关的信息,比方说描述文档的内容等等。</p><p>7.HTMLURL(统一资源定位器)</p><p>URL的英文全称是UniformResourceLocator</p><p>HTML链接</p><p>当你单击HTML文档中的某个链接时,就像这个:</p><p>最后一页,其中的<a>标签就会使用类似这样的href属性值指向一个网络上的地址:</p><p><ahref="lastpage.htm">LastPage</a></p><p>在这个例子中,LastPage的链接地址是相对于你所浏览的网站而言的,你的浏览器会自动构建一个完整的网址来访问这个页面,比如</p><p>URL(统一资源定位器)</p><p>一个称为URL(统一资源定位器)的东西用于对万维网上的文档(或其他数据)进行寻址。</p><p>一个完整的网址,例如:</p><p>scheme:</p><p>//host.domain:</p><p>port/path/filename</p><p>Scheme定义因特网服务的类型。</p><p>最流行的类型是http。</p><p>domain(域)定义因特网域名,比如:</p><p>。</p><p>host(主机)定义此域中的主机。</p><p>如果被省略,缺省的支持http的主机是www。</p><p>:</p><p>port(端口)定义主机的端口号。</p><p>端口号通常是被省略的。</p><p>缺省的端口号是80。</p><p>path(路径)定义服务器上的路径(一个辅助的路径)。</p><p>如果路径被省略,资源(文档)会被定位到网站的根目录。</p><p>filename(文件名)定义文档的名称。</p><p>缺省的文件名一般会是default.asp或者index.html,或者依据WEB服务器设置的其他文件名。</p><p>访问新闻组</p><p>以下HTML代码创建一个指向新闻组的链接:</p><p><ahref="news:</p><p>alt.html">HTMLNewsgroup</a></p><p>这个链接显示如下:</p><p>HTMLNewsgroup</p><p>使用FTP进行下载</p><p>以下HTML代码创建一个下载文件的链接:</p><p><ahref="ftp:</p><p>//WinZip</a></p><p>这个链接显示如下:</p><p>DownloadWinZip</p><p>(这个链接是无法工作的,它仅仅是个例子,所以无需尝试。</p><p>我们没有提供FTP目录。</p><p>)</p><p>链接到邮件系统</p><p>以下HTML代码创建一个指向您的邮件系统的链接:</p><p><ahref="mailto:</p><p>someone@">someone@</a></p><p>这个链接显示如下:</p><p>someone@</p><p>8.HTML脚本</p><p>将脚本插入HTML页</p><p>HTML中的脚本使用<script>标签进行定义。</p><p>请注意你可以使用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>HelloWorld!</p><p><noscript>标签</p><p>除了将脚本隐藏于注释中,你还可以添加<noscript>标签。</p><p><noscript>标签用于定义假如脚本没有执行时的替代文本。</p><p>这个标签被用于以下情况:</p><p>如果浏览器能够识别<script>标签,但是不支持其中的脚本,那么这些浏览器将显示出<noscript>标签内部的文本。</p><p>不过,如果浏览器支持<script>内的脚本,那么浏览器将忽略<noscript>标签。</p><p>9.HTML属性</p><p>10.HTML4.0事件属性</p><p>HTML4的新特性之一是可以使HTML事件触发浏览器中的行为,比方说当用户点击某个HTML元素时启动一段JavaScript。</p><p>在现代浏览器中都内置有大量的事件处理器。</p><p>这些处理器会监视特定的条件或用户行为,例如鼠标单击或浏览器窗口中完成加载某个图像。</p><p>通过使用客户端的JavaScript,可以将某些特定的事件处理器作为属性添加给特定的标签,并可以在事件发生时执行一个或多个JavaScript命令或函数。</p><p>事件处理器的值是一个或一系列以分号隔开的Javascript表达式、方法和函数调用,并用引号引起来。</p><p>当事件发生时,浏览器会执行这些代码。</p><p>例如,当您把鼠标移动到一个超链接时,会启动一个JavaScript函数。</p><p>支持JavaScript的浏览器支持<a>标签中的一个特殊的"mouseover"事件处理器-被称为onmouseover来完成这项工作:</p><p><ahref="/index.html"onmouseover="alert('Welcome');returnfalse"></a></p><p>11.HTMLURL编码</p><p>URL编码的作用是把字符转换为可在因特网上安全传输的格式。</p><p>URL-UniformResourceLocator(统一资源定位符)</p><p>Web浏览器通过使用URL从web服务器上请求页面。</p><p>URL编码</p><p>在因特网上传送URL的话,只能使用ASCII字符集。</p><p>由于URL经常会包含ASCII字符集以外的字符,所以必须对URL进行转换。</p><p>URL编码所做的事情就是把URL转换为有效的ASCII格式。</p><p>在进行URL编码时,每一个非安全的ASCII字符会被替换为"%hh"格式,其中hh是两位十六进制数,它对应于该字符在ISO-8859-1字符集里的字符编码值。</p><p>URL中不能含有空格,URL编码通常会将空格替换为加号(+)。</p><p>12.HTML网页服务器</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 = "24581645"; var total_page = "13"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/24581645.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-5/29/7f4ee229-e365-42c7-99f8-7b44209ab9c6/7f4ee229-e365-42c7-99f8-7b44209ab9c6"; 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="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30837621.html" title="中医经络穴位针灸针灸穴位歌诀.docx">中医经络穴位针灸针灸穴位歌诀.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30837572.html" title="蛋白质自测题2附参考答案.docx">蛋白质自测题2附参考答案.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30837549.html" title="五个字的游戏名字600个游戏网名精华版.docx">五个字的游戏名字600个游戏网名精华版.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30837543.html" title="发展战略娃哈哈的家族企业传承创新与可持续发展最全版.docx">发展战略娃哈哈的家族企业传承创新与可持续发展最全版.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30837541.html" title="助理试验检测师《道路工程》真题版.docx">助理试验检测师《道路工程》真题版.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30837532.html" title="怎样与领导沟通更有效.docx">怎样与领导沟通更有效.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30837478.html" title="中药贴敷疗法有效配方.docx">中药贴敷疗法有效配方.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30837477.html" title="科普三下乡活动策划书.docx">科普三下乡活动策划书.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30837475.html" title="奋斗篇小组讨论第一次概要.docx">奋斗篇小组讨论第一次概要.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30837463.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/22383006.html" target="_parent" title="小学三年级科学一二单元备课Word文件下载.docx">小学三年级科学一二单元备课Word文件下载.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/22383007.html" target="_parent" title="校长学期工作总结Word文档下载推荐.docx">校长学期工作总结Word文档下载推荐.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/22383008.html" target="_parent" title="深基坑支护方案柑子槽祥解Word文件下载.docx">深基坑支护方案柑子槽祥解Word文件下载.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/22383009.html" target="_parent" title="新员工月度工作计划及打算Word文件下载.docx">新员工月度工作计划及打算Word文件下载.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/22383010.html" target="_parent" title="山东财经大学首次岗位设置与聘用详解Word文档下载推荐.docx">山东财经大学首次岗位设置与聘用详解Word文档下载推荐.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/22383011.html" target="_parent" title="淘宝店铺销售情况分析总结Word格式文档下载.docx">淘宝店铺销售情况分析总结Word格式文档下载.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/22383012.html" target="_parent" title="水利工程施工1Word下载.docx">水利工程施工1Word下载.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/22383013.html" target="_parent" title="网上书店系统设计毕业设计论文文档格式.docx">网上书店系统设计毕业设计论文文档格式.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/22383014.html" target="_parent" title="推荐下载提交给政府部门的申请报告的字体实用word文档 13页Word文件下载.docx">推荐下载提交给政府部门的申请报告的字体实用word文档 13页Word文件下载.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=%e9%ab%98%e7%ba%a7">高级</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%95%99%e7%a8%8b">教程</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%ad%a6%e4%b9%a0">学习</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%ae%b0">笔记</a></li> </ul> </div> <br /> <div > 当前位置:<a target="_parent" href="https://m.bdocx.com/">首页</a> > <a href="https://m.bdocx.com/booklist-00013.html">工作范文</a><span> > </span><a href="https://m.bdocx.com/booklist-0001300001.html">行政公文</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=W%2fXCXDp5Woy9LeaVFEac%7cA%3d%3d&parto=JrJKvbfA7RMkw9eyiK6KhGqQWrSj3ceR2kSA3hZg6KSyPbVLGVbxb4UXVaLqDkTaUVmx4BtRiQrtT7NFfoWvLKFptATzWO6iod64grpyGAGKu2v1xWhlreLaQ5Oa7%2fXJMepRoTHDD1qANBEouFEaK0MoOUC79qK5efTlwldDbFnzcCSjiENDc4bUUjHh9JooK%2fqTSspa3bswTbSky0FRUDzvG1fmEljJ" 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/24581645.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1719772022', // 必填,生成签名的时间戳 nonceStr: 'F1B6F2857FB6D44DD73C7041E0AA0F19', // 必填,生成签名的随机串 signature: 'c3fb43ec5c47c2f7141790c5708c8bc80406da63',// 必填,签名,见附录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/24581645.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1719772022', // 必填,生成签名的时间戳 nonceStr: 'F1B6F2857FB6D44DD73C7041E0AA0F19', // 必填,生成签名的随机串 signature: 'c3fb43ec5c47c2f7141790c5708c8bc80406da63',// 必填,签名,见附录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>