HTML知识点汇总.docx
《HTML知识点汇总.docx》由会员分享，可在线阅读，更多相关《HTML知识点汇总.docx（17页珍藏版）》请在冰豆网上搜索。
HTML知识点汇总
HTML知识点汇总
第一章HTML基础知识
1、HTML简介
HTML（HypertextMarkupLanguage），超文本标记语言，HTML利用各种标记来标识文档的结构以及标识超链接的信息。
它是从SGML（StandardGeneralizedMarkupLanguage，标准通用标识语言）中的一个子集演变而来的。
2、HTML的标记组成
HTML用于描述功能的符号称为“标记”。
标记在使用时必须用尖括号“<>”括起来，而且是成对出现的，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。
如
、等
1）单标记：
有些标记能完整的表达标记里的意思，只须在尖括号中输入标记名即可，这类标记叫单标记。
XHTML中要求单标记也必须闭合，即在标记“>”前添加斜杠。
常见的单标记如
、
等。
2）双标记：
双标记有头有尾，且前面的标记与后面的标记保持一致，但在后面的标记前有斜线，语法形如：
<标记>内容。
例如：
段落
3）XHTML要求所有标记均为小写，且所有标记属性必须添加双引号
4）标记对不能交叉
3、HTML基本结构
网页标题--下面是网页的正文-->
1）
标记对不能放在<body>标记对中，同理，其它表示内容的标记也不能放在<head>标记对中</p><p>2）<html></html>表示HTML语言，在<html></html>里面包含头部（<head></head>）和内容体（<body></body>）。</p><p>3）HTML注释表示为<!</p><p>--注释内容--></p><p>第二章文字与图像</p><p>1、设置文字字体、大小与颜色</p><p>语法：</p><p><fontface=”宋体”size=”1”color=”red”>文字</font></p><p>1）设置文字的字体、大小、颜色需要使用<font>标签</p><p>2）Face属性设置文字字体，多种字体用逗号隔开</p><p>3）Size属性设置文字大小</p><p>4）Color属性设置文字颜色，参数值可以是RGB颜色值，如#000000，也可以用颜色的单词表示，如red</p><p>2、设置正文的标题</p><p>语法：</p><p><h#>主题文字</h#>，其中“#”代表数字1-6中的任意一个，从数字1到数字6，标题大小排列由大到小（数字越大，标题字号就越小）。</p><p>3、设置段落</p><p>语法：</p><p><p>这里表示段落</p></p><p>4、强制换行与不换行</p><p>1）强制换行：</p><p><br/></p><p>2）强制不换行：</p><p><nobr/></p><p>5、字体标记</p><p>1）物理字体</p><p><b>…</b>设置成粗体<i>…</i>设置成斜体</p><p><u>…</u>增加下划线<s>…</s>增加删除线</p><p><sup>…</sup>设置成上标字体<sub>…</sub>设置成下标字体</p><p><tt>…</tt>设置成打字机字体</p><p>2）逻辑字体</p><p><em>…</em>强调文字<strong>…</strong>字体加重</p><p><code>…</code>显示编程代码<samp>…</samp>显示救命文字</p><p><kbd>…</kbd>显示键盘按键文字<small>…</small>缩小文字</p><p><big>…</big>放大文字</p><p>6、文字对齐</p><p>1）文字对齐使用标签的align属性，例如：</p><p><palign=”#”>对齐文字</p>，其中“#”代码表示方位，可选择”left”（向左）、”right”（向右）、”center”（居中）。</p><p>Align属性可用于<p>、<div>、<table>、<td>等标签。</p><p>2）居中对齐可使用<center>标签，例如：</p><p><center>居中文字</center></p><p>7、列表</p><p>1）无序列表</p><p><ultype=”#”></p><p><li>表项一</li></p><p><li>表项二</li></p><p></ul></p><p>Type=”#”取值可为disc（默认，实心黑点）、square（实心黑方块）、circle（空心圆）</p><p>2）有序列表</p><p><oltype=”#”></p><p><li>表项一</li></p><p><li>表项二</li></p><p></ol></p><p>Type=”#”取值可为A、a、I、i、1等</p><p>3）定义列表</p><p><dl></p><p><dt>项目</dt></p><p><dd>描述一</dd></p><p><dd>描述二</dd></p><p></dl></p><p><dt>标签定义了定义列表中的项目，<dd>标签在定义列表中定义条目的定义部分，可以理解为对定义条目进行特征描述。</p><p>4）无序列表、有序列表、定义列表间可以相互嵌套，但一定要注意嵌套时不能交叉</p><p>8、其它方式修饰文本</p><p>1）欲格式化文本：</p><p><pre>…</pre></p><p>2）代码样式斜体字渲染：</p><p><var>…</var></p><p>3）表示它所包含的文本对某个参考文献的引用：</p><p><cite>…</cite></p><p>9、图像</p><p>1）插入图像基本语法：</p><p><imgsrc=”#”/>，其中#代表图像的URL路径，示例：</p><p><imgsrc=”c.jpg”/></p><p>2）图像无法显示时的提示信息，使用alt属性，如：</p><p><imgsrc=”c.jpg”alt=”风景”/></p><p>3）图像的大小：</p><p><imgsrc=”c.jpg”width=”400px”height=”300px”/>，width属性定义图像的宽度，height属性定义图像的高度</p><p>4）图像和文字对齐：</p><p><imgsrc=”c.jpg”align=”top”/>，align属性的取值为top（顶部）、middle（中间）、bottom（默认，底部）</p><p>5）图像的边框：</p><p><imgsrc=”c.jpg”border=”0”/>，border设置为0时表示图像不显示边框，否则设置成需要的边框大小</p><p>10、移动的字体和图片</p><p>1）移动基本语法：</p><p><marquee>移动文字或图片</marquee>，默认是向左循环移动，移动范围在其父对象的有效区域内。</p><p>2）文本移动的方向：</p><p><marqueedirection=”#”>…</marquee>，其中#可以选择left、right、up、down</p><p>3）文本的滚动循环：</p><p><marqueebehavior=”#”>…</marquee>，其中#可以选择scroll（循环移动）、slide（只移动一个回合）、alternate（来回移动）。</p><p>4）如果设置文本来回移动，还可以设置循环次数：</p><p><marqueeloop=”#”>…</marquee>，其中#为代表循环的次数。</p><p>5）文本的移动速度：</p><p><marqueescrollamount=”#”>…</marquee>，其中#设置移动的速度，取正整数。</p><p>数值越大，速度越快。</p><p>6）移动对象的延时：</p><p><marqueescrolldelay=”1000”>我走一走，停一停</marquee>，scrolldelay以时间为单位，用毫秒表示。</p><p>7）移动的区域和背景：</p><p><marqueewidth=”100”height=”100”bgcolor=”pink”>…</marquee></p><p>第三章超级链接</p><p>1、基本概念</p><p>1）统一资源定位器（URL）：</p><p>每一个网页的唯一地址，一个URL构成为protocol:</p><p>//machinename[:</p><p>port]/directory/filename。</p><p>其中protocol是访问协议，如http、https、ftp等，machinename是存放资源的主机IP地址，通常以域名的形式出现，port是服务器使用的端口，directory和filename是资源的路径和文件名。</p><p>2）绝对路径：</p><p>HTML绝对路径指带有域名文件的完整路径</p><p>3）文档相对路径：</p><p>当前文档与在的位置与其他文件或文件夹的关系。</p><p>用../表示源文件所在目录的上一级目录。</p><p>4）站点根目录相对路径：</p><p>提供从站点的根文件夹到文档的路径。</p><p>站点根目录相对路径以”/”开始，表示站点根文件夹。</p><p>2、文字链接</p><p>语法：</p><p><ahref=”URL”target=”target”>链接文字</a></p><p>1）href属性表示链接跳转地址</p><p>2）target属性定义链接网页的打开方式，其值可以为_blank（新窗口）、_parent（父框架）、_self（当前窗口）、_top（清除所有被包含的框架并将文档载入整个浏览器窗口）</p><p>3、链接的注释title属性</p><p><ahref=”URL”title=”注释信息”>链接文字</a></p><p>4、图片链接</p><p><ahref=”URL”><imgsrc=”c.jpg”></a>将链接文字改成插入图像即可</p><p>5、锚点链接</p><p>定义锚点：</p><p><aname=”锚点”></a></p><p>链接锚点：</p><p><ahref=”#锚点”>链接文字</a></p><p>6、邮箱地址链接mailto</p><p><ahref=”mailto:</p><p>邮箱地址”>链接文字</a></p><p>7、图像映射</p><p><imgsrc=”1.jpg”usemap=”#map”/></p><p><mapname=”map”></p><p><areashape=”rect”href=”1.html”coords=”140,20,280,60”></p><p><areashape=”poly”href=”2.html”coords=”100,100,180,50,200,140”></p><p><areashape=”circle”href=”3.html”coords=”80,100,60”></p><p></map></p><p>1）图像映射实现单击同一图像中的不同位置，出现不同的链接，有矩形、圆形和多边形，分别用rect、circle、poly表示。</p><p>2）图像映射有分为两步：</p><p>✧在图像标签中使用usemap属性，其值为#号加上map标签的名称，即map标签的name属性（如#map）。</p><p>✧定义<map>标签，并使用name属性命名，方便其它地方调用。</p><p>然后用<area>标签定义图片上的热区形状（shape属性）、位置（coords属性）及链接地址（href属性）。</p><p>第四章表单</p><p>1、创建表单</p><p>语法：</p><p><formname=”form”action=”url”method=”post”></form></p><p>Form中的name属性给form表单命名，action属性表示表单提交后发送的URL地址，发送的方式用method属性表示，可选择的参数有Get和Post。</p><p>Get传输量比较小，Post传输量比较大。</p><p>2、文本框和密码框</p><p>1）文本框：</p><p><inputtype=”text”name=”text”size=”6”maxlength=”6”value=”文字”disabled=”disabled”readonly=”readonly”/></p><p>说明：</p><p>name属性给文本框命名，size属性设置文本框的显示大小，maxlength属性设置文本框最大可接受的字符数，value属性设置文本框默认显示值，disabled属性设置文本框是否可用，readonly属性设置文本框是否只读。</p><p>2）密码框：</p><p><inputtype=”password”/></p><p>密码框的属性除了type设置成password，与文本框不一致外，其它属性与文本框一致。</p><p>3、单选框和复选框</p><p>1）单选框：</p><p><inputtype=”radio”name=”radio”checked=”checked”value=”v”/></p><p>说明：</p><p>设置checked属性表示单选框被选中</p><p>2）复选框：</p><p><inputtype=”checkbox”name=”ck”checked=”checked”value=”v”/></p><p>4、下拉列表和文本域</p><p>1）下拉列表：</p><p><selectname=”select”size=”2”multiple=</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 = "2060992";
var total_page = "17";
var mfull = false;
var mshow = false;
function DownLoad() {
window.location.href='https://m.bdocx.com/down/2060992.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/26/359658c6-d17f-4d78-a33d-62a79e704cf3/359658c6-d17f-4d78-a33d-62a79e704cf3";
var freepage = parseInt('17');
var total_c = parseInt('17');
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;";
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/16127451.html" title="人大建议办理工作总结共5则Word下载.docx">人大建议办理工作总结共5则Word下载.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/16085865.html" title="农业局个人财务工作总结共6篇Word文件下载.docx">农业局个人财务工作总结共6篇Word文件下载.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/16085692.html" title="超星尔雅学习通《微表情识别读脸读心》期末考试答案第二套Word格式.docx">超星尔雅学习通《微表情识别读脸读心》期末考试答案第二套Word格式.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/16085685.html" title="摆渡人读后感Word格式文档下载.docx">摆渡人读后感Word格式文档下载.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/16085684.html" title="概率统计常见题型及方法总结Word文件下载.docx">概率统计常见题型及方法总结Word文件下载.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/16085680.html" title="监控工作培训心得体会Word下载.docx">监控工作培训心得体会Word下载.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/16085666.html" title="教师学习培训心得体会5篇Word文件下载.docx">教师学习培训心得体会5篇Word文件下载.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/16085664.html" title="建筑装饰装修企业员工手册Word格式.docx">建筑装饰装修企业员工手册Word格式.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/16085642.html" title="主治医师口腔额面外科学专业实践能力案例分析题 1Word格式文档下载.docx">主治医师口腔额面外科学专业实践能力案例分析题 1Word格式文档下载.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/16085601.html" title="导游工作计划范文与导游工作计划范文4篇汇编docWord文档格式.docx">导游工作计划范文与导游工作计划范文4篇汇编docWord文档格式.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/1943388.html" target="_parent" title="领导科学艺术如何与上级下级平级沟通.docx">领导科学艺术如何与上级下级平级沟通.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/1943389.html" target="_parent" title="防灾减灾知识竞赛考试.docx">防灾减灾知识竞赛考试.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/1943390.html" target="_parent" title="老年人常见疾病护理.docx">老年人常见疾病护理.docx</a></li>
<li><em class="doc"></em>
<a href="https://m.bdocx.com/doc/1943391.html" target="_parent" title="赴港培训心得体会.doc">赴港培训心得体会.doc</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/1943392.html" target="_parent" title="参观实习报告范文.docx">参观实习报告范文.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/1943393.html" target="_parent" title="ERV阀技术标准汇编.docx">ERV阀技术标准汇编.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/1943394.html" target="_parent" title="XX城市市政道路照明节能改造工程项目可行性研究报告.docx">XX城市市政道路照明节能改造工程项目可行性研究报告.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/1943395.html" target="_parent" title="环氧树脂固化剂.docx">环氧树脂固化剂.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/1943396.html" target="_parent" title="XX高考语文二轮复习专题七教案扩展语句和压缩语段.docx">XX高考语文二轮复习专题七教案扩展语句和压缩语段.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=%e7%9f%a5%e8%af%86%e7%82%b9">知识点</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%b1%87%e6%80%bb">汇总</a></li> </ul>
</div>
<br />
<div >
当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> >
<a href="https://m.bdocx.com/booklist-00004.html">自然科学</a><span> > </span><a href="https://m.bdocx.com/booklist-0000400005.html">数学</a>
</div>
<br />
<div class="cssnone">
<iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=t5LyB0it%2fZU%3d&parto=EKb3ay8FuSJ%2bD0RmPT8Xlf6GtyE3qVoj0hT0BIYJHdPOkSfHt6bdn9uqMgeyXy3JIwyXwBCoL3gG%2ftCbUDTZV17%2fAaG32yPCFuFoiiMpYfOShz%2bkJoUlOqv2ZZJkrjeBGMzARhXrGovZccNSkoDLreLU%2bZUlq%2bUcWCc1Nc0IT%2b2wptpegqqaPlA7JBrXYpy005uQ8CP56vcoKtAYndty1hKk8QaDpONU" 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/2060992.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1719728220', // 必填，生成签名的时间戳
nonceStr: 'ADDFA9B7E234254D26E9C7F2AF1005CB', // 必填，生成签名的随机串
signature: '6ca97d302e073dd2ccb23db7e0cf8873da31cc8a',// 必填，签名，见附录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/2060992.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1719728220', // 必填，生成签名的时间戳
nonceStr: 'ADDFA9B7E234254D26E9C7F2AF1005CB', // 必填，生成签名的随机串
signature: '6ca97d302e073dd2ccb23db7e0cf8873da31cc8a',// 必填，签名，见附录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>