HTML初级知识点总结最详细的总结讲课讲稿.docx
《HTML初级知识点总结最详细的总结讲课讲稿.docx》由会员分享，可在线阅读，更多相关《HTML初级知识点总结最详细的总结讲课讲稿.docx（12页珍藏版）》请在冰点文库上搜索。
HTML初级知识点总结最详细的总结讲课讲稿
HTML
超文本标记语言，一种规范
预定义，已经定义好的各种标记，只需要我们把对应的标记放到合适的位置
一.HTML基本语法与基本结构（重点）
标记的使用
1、标记一般成对出现，包含开始标记和结束标记
2、标记可以嵌套使用，但是不能交叉使用
3、标记不区分大小写
属性的使用（属性控制内容的格式，额外的格式）
1、书写位置在开始标记中
2、格式：
属性名=“属性值”，多个属性之间使用空格分割
3、不同的标记属性可能相同也可能不同
4、属性使用的标记中，只能对本标中的内容记产生影响
5、属性不冲突时，效果叠加，属性冲突时，就近原则
html的基本结构
----声明网页
网页的主要内容
二.文本格式的应用
1、标题标记,n的取值1-6,1级标题最大
效果：
加粗显示，带有自动换行
属性：
align控制标题的对齐方式，取值left（左对齐，默认值）|center（居中）|right（右对齐）
2、段落标记
把内容分段展示，自动换行
align，控制段落内容的对齐方式，取值left（左对齐，默认值）|center（居中）|right（右对齐）
3、换行符,单标记，不需要结束标记，换行但不分段
空格符号：
表示一个空格
强制换行符：
4、水平线标记
水平线,默认是一个粗细为2px（像素）的线条
size控制水平线的粗细，取值为整数，单位为像素（px）
width控制水平线的长度，取值可以是像素单位，也可以是百分数（相对于浏览器窗口百分比）
noshade设置水平线不带有阴影，该属性不需要取值
color设置水平线的颜色，取值可以是英文的颜色值，也可以是十六进制的颜色代码
align控制水平线的对齐方式，取值left（左对齐）|center（居中，默认值）|right（右对齐）
5、分节标记
把内容设置为一节，前后带有自动换行
align控制div中内容的对齐方式，取值left（左对齐，默认值）|center（居中）|right（右对齐）
6、居中标记符
把center标记中的内容居中显示
7、文本控制标记
控制字体的各种显示样式
size控制字体的大小，取值为绝对值时，1--7，数字越大字体越大，取相对值时，参考的是默认字体（3号），取值在-2--+4之间
color控制字体的颜色
face控制字体的字体，取值可以是多个值，多个值之间使用逗号分割，取值时从左往右依次取值，找到合适的值为止，假如都不支持，使用默认格式显示
8、字体的物理样式
加粗：
斜体：
下划线：
删除线：
上标：
下标：
1、常用逻辑字符
表示文本属于引用，通常显示为斜体
表示程序代码，通常显示为固定宽度字体
表示定义了的术语，通常显示为黑体或斜体
强调某些字词，通常显示为斜体
表用户的键盘输入，通常显示为固定宽度字体
表示文本样本，通常显示为固定宽度字体
特别强调某些字词，通常显示为粗体
表示变量，通常显示为斜体
2、列表标记
1、有序列表，
一个
ol的属性：
type控制列表的符号样式，取值1|A|a|i|I，默认是1
start控制列表的起始值，取值为任意的整数
li的属性：
type控制选项自身的符号样式，取值1|A|a|i|I
value控制选项本身的起始值，取值为任意整数，但是修改自身起始值之后，会对同一个列表中本选项之后的同级
2、无序列表，
ul的属性：
type控制所有选项的符号样式，取值disc（实心圆，默认值）|circle（空心圆）|square（方块）
type控制选项本身的符号样式
li标记用在ol中，type属性的取值跟ol的type属性取值走，用在ul中，跟着ul的type属性取值走
3、定义列表，
三.在网页中使用图片
标记：
,单标记，不需要结束标记
src引入图片资源的路径
绝对路径：
资源在服务器上的位置，该位置是从盘符出发
相对路径：
资源在服务器上的相对位置，从网页本身出发
..\返回上一层文件夹
width控制显示图片的宽度，取值为像素或者百分数
height控制显示图片的高度，取值为像素或者是百分数
只设置宽度或高度时，图片保持等比缩放，同时设置时，同时生效
border控制显示图片的边框，取值为像素，默认不显示边框
hspace控制显示图片水平方向上的空白，取值为像素
vspace控制显示图片垂直方向上的空白，取值为像素
align控制图片和周围文本的对齐方式
垂直方向上：
top文本和图片顶部对齐
bottom文本底部和图片底部对齐
middle文本的底部和图片的中部对齐
absmiddle绝对中间对齐，文本的中部和图片的中部对齐
水平方向上：
left图片在左，文本在右
right文本在左，图片在右
图片的对齐方式：
借助
四.在网页中使用超链接
4、超链接
...,通过链接跳转到新的资源
href链接的目标资源的路径
链接外部资源时，一定是绝对路径，并且需要在路径前加上【http:
//】这个网络通信协议
target指定超链接的打开方式，_self在自身的页面打开超链接（默认的打开方式），_blank重新打开一个新的浏览器窗口
建立锚点（书签）
内部书签
1、设置锚点的名称例如：
...
2、使用超链接完成跳转例如：
外部书签
超链接
发送电子邮件，格式邮箱地址">发送邮件2、链接多媒体五.表格的应用表格的结构---声明表格...---表格的标题----表格的行....---表格的列....----表格的行....---表格的列.......
邮箱地址">发送邮件
2、链接多媒体
五.表格的应用
表格的结构
....
frame控制表格最外层的四个边框
取值：
void默认值，不显示边框
above仅显示上边框
below仅显示下边框
hsides显示上下边框
vsides显示左右边框
lhs仅显示左边框
rhs仅显示右边框
box、border显示四个边框
rules控制表格内部分割线
none默认值，不显示
rows显示行分割线
cols显示列分割线
all显示所有分割线
bordercolor控制边框的颜色
border控制表格的所有边框，取值为像素
cellspacing控制单元格与单元格之间的空白，取值为像素
cellpadding控制单元格内容和单元格边框之间的空白，取值为像素
width设置单元格的宽度，取值为像素或者百分数
height设置单元格的高度，取值为像素或者百分数
align控制表格的对齐方式，取值left（默认值）|center|right
bgcolor设置表格的背景色
background设置表格的背景图
当背景色和背景图同时设定时，优先使用背景图
align控制表格标题的位置，取值top（标题在表格的顶部）|bottom（标题在表格的底部）
align控制整行单元格内容的水平对齐方式，取值left（默认值，缺省值）|center|right
valign控制整行单元格内容的垂直对齐方式，取值top|middle（默认值）|bottom
height设置行的高度，取值为像素
bgcolor设置行的背景色
background设置行的背景图
bordercolor设置行的边框颜色
都可以作为列使用，
align控制单元格内容的水平方向对齐方式，取值left|center|right
valign控制单元格内容的垂直方向对齐方式，取值top|middle（默认值）|bottom
height设置单元格的高度，取值以像素为单位，当同一行中不同的单元格设置的高度也不相同时，整行的高度取值按最大值来
width设置单元格的宽度，取值以像素为单位，当同一列中不同行的单元格设置的宽度不相同时，整列的宽度取值按最大值来
bgcolor设置单元格的背景色
bakground设置单元格的背景图
rowspan合并行
colspan合并列
合并行和合并列的取值都是整数，合并几个单元格取值就是几
六.框架的应用
1、框架
框架集标记
rows设置横向框架的数量和高度，框架的数量取决于rows属性的取值个数，每个框架的高度取决于值的大小
cols设置纵向框架的数量和宽度，框架的数量取决于cols属性的取值个数，每个框架的宽度取决于值的大小
rows和cols的取值方式
1、像素值
2、百分数
3、比例取值
rows和cols取值，可以有多个值，值与值之间使用逗号分割，并且不能有空格格，cols和rows属性一般不同时设定，要想实现页面的纵向和横向分割，可以使用框架的嵌套来实现
frameborder使用在frameset中，可以控制框架集下的所有框架边框是否显示
框架标记,单标记
src引入目标资源的路径
name给框架起名字，需要配合超链接的target属性来使用，达到链接目标框架的目的
frameborder控制框架的边框是否显示，0表示不显示，1显示默认的3D边框
scrolling控制框架是否加入滚动条，取值yes（加入滚动条，需要时加入）|no（不加入滚动条）|auto（需要时加入滚动条，默认值）
noresize固定框架的边框，该属性不需要取值
marginheight在框架中显示内容时，控制内容和框架上下边框之间的空白，取值以像素为单位，以上边框为准
marginwidth在框架中显示内容时，控制内容和框架左右边框之间的空白，取值以像素为单位，以左边框为准
当浏览器不支持框架时，显示的替换内容，必须包含一对<body>标记使用</p><p>7、表单的应用</p><p>表单</p><p>1.表单标记<form>,表单不能嵌套使用，所有表单的内容必须书写在表单的开始标记和结束标记之间</p><p>表单结构：</p><p><form></p><p><inputtype=”text”>单行文本格式</p><p><inputtype=”password”>密码输入框</p><p><inputtype=”checkbox”>复选框格式</p><p><inputtype=”radio”name=”sex”>单选框格式</p><p><inputtype=”submit”>提交的格式</p><p><inputtype=”reset”>重置格式</p><p><inputtype=”button”>自定义格式</p><p><select>下拉菜单格式</p><p><option>汉族</option></p><p><option>满族</option></p><p><option>壮族</option></p><p><option>土家族</option></p><p></select></p><p><textarea>cols="50"rows="4">请多多指教多行文本</p><p></textarea></p><p></form></p><p>表单域<input></p><p>不同功能的表单域type属性的取值不同</p><p>属性：</p><p>type控制表单域的功能</p><p>取值text单行文本</p><p>password密码输入框</p><p>checkbox复选框</p><p>radio单选按钮</p><p>要实现单选，还要在后面加上一样的名字，例：</p><p><inputtype=”radio”name=”.....”></p><p>submit提交</p><p>reset重置</p><p>button自定义按钮</p><p>value属性使用在提交、重置、自定定义按钮中，可以改变按钮的默认值</p><p>value属性使用在单行文本和密码框中，添加默认值</p><p>maxlength属性使用在单行文本和密码框中，限制输入的最大字符数，取值为整数</p><p>checked=“checked”使用在复选框和单选框中，表示该选项默认被选中</p><p><select>....</select>，菜单里有多个选项，一般用于选择年.月.日</p><p>属性1：</p><p><option>...</option>，一对option代表一个下拉选项</p><p>属性2：</p><p><select>....</select>，一对select代表一个下拉菜单</p><p>多行文本：</p><p><textarea></textarea>成对出现</p><p>属性：</p><p>cols=”....”cols取值为整数，限制每行的最多内容</p><p>Rows=”...”rows取值为整数，限制多行文本的行数</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("20"); var id = "1131523"; var total_page = "12"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bingdoc.com/d-1131523.html'; } function relate() { var reltop = $('#relate').offset().top-50; $("html,body").animate({ scrollTop: reltop }, 500); } </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="pdf"/></em><a target="_parent" href="https://m.bingdoc.com/p-3437307.html" title="HTML知识点总结.pdf">HTML知识点总结.pdf</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-4954879.html" title="HTML知识点总结.docx">HTML知识点总结.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-11906304.html" title="HTML知识点总结.docx">HTML知识点总结.docx</a> </li><li><em class="doc"/></em><a target="_parent" href="https://m.bingdoc.com/p-727302.html" title="HTML基础知识点总结.doc">HTML基础知识点总结.doc</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-3233232.html" title="HTML基础知识点总结.docx">HTML基础知识点总结.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-15063751.html" title="HTML知识点学习总结.docx">HTML知识点学习总结.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-15756202.html" title="html+css+javascript知识点总结.docx">html+css+javascript知识点总结.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-14499152.html" title="HTML知识点汇总.docx">HTML知识点汇总.docx</a> </li><li><em class="pdf"/></em><a target="_parent" href="https://m.bingdoc.com/p-5980329.html" title="HTML知识点总结资料下载.pdf">HTML知识点总结资料下载.pdf</a> </li><li><em class="doc"/></em><a target="_parent" href="https://m.bingdoc.com/p-977020.html" title="HTML基础知识点总结Word格式.doc">HTML基础知识点总结Word格式.doc</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.bingdoc.com/p-227142.html" target="_parent" title="食品安全知识进校园讲话稿.docx">食品安全知识进校园讲话稿.docx</a></li> <li><em class="doc"></em> <a href="https://m.bingdoc.com/p-227143.html" target="_parent" title="巧克力市场调研报告.doc">巧克力市场调研报告.doc</a></li> <li><em class="doc"></em> <a href="https://m.bingdoc.com/p-227144.html" target="_parent" title="内经选读习题库及标准答案.doc">内经选读习题库及标准答案.doc</a></li> <li><em class="doc"></em> <a href="https://m.bingdoc.com/p-227145.html" target="_parent" title="室外风环境模拟分析报告.doc">室外风环境模拟分析报告.doc</a></li> <li><em class="doc"></em> <a href="https://m.bingdoc.com/p-227146.html" target="_parent" title="农民工工资投诉处理机制 (1).doc">农民工工资投诉处理机制 (1).doc</a></li> <li><em class="doc"></em> <a href="https://m.bingdoc.com/p-227147.html" target="_parent" title="人教版二年级数学下册三疑三探教案5678单元.doc">人教版二年级数学下册三疑三探教案5678单元.doc</a></li> <li><em class="docx"></em> <a href="https://m.bingdoc.com/p-227148.html" target="_parent" title="年医疗器械咨询服务合同协议书范本模板.docx">年医疗器械咨询服务合同协议书范本模板.docx</a></li> <li><em class="doc"></em> <a href="https://m.bingdoc.com/p-227149.html" target="_parent" title="农田水利工程施工方案.doc">农田水利工程施工方案.doc</a></li> <li><em class="doc"></em> <a href="https://m.bingdoc.com/p-227150.html" target="_parent" title="人教版七年级上语文知识点总结.doc">人教版七年级上语文知识点总结.doc</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.bingdoc.com/search.html?q=HTML">HTML</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.com/search.html?q=%e5%88%9d%e7%ba%a7">初级</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.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.bingdoc.com/search.html?q=%e6%80%bb%e7%bb%93">总结</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.com/search.html?q=%e8%af%a6%e7%bb%86">详细</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.com/search.html?q=%e8%ae%b2%e8%af%be">讲课</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.com/search.html?q=%e8%ae%b2%e7%a8%bf">讲稿</a></li> </ul> </div> <div style=" font-size: 16px; background-color:#e5f0f7; 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 class="tag tag0" href="https://m.bingdoc.com/mark/htmlzhishidianzongjie.html" >HTML知识点总结</a></li> <li class="tagPopup"><a target="_parent" class="tag tag1" href="https://m.bingdoc.com/mark/zhishidianzongjie.html">知识点总结</a></li> <li class="tagPopup"><a target="_parent" class="tag tag2" href="https://m.bingdoc.com/mark/zhishidianzongjie.html">知识点总结</a></li> <li class="tagPopup"><a target="_parent" class="tag tag3" href="https://m.bingdoc.com/mark/zongjierevitzhishidian.html">总结revit知识点</a></li> <li class="tagPopup"><a target="_parent" class="tag tag4" href="https://m.bingdoc.com/mark/chenhunzhishidianzongjie.html">晨昏知识点总结</a></li> <li class="tagPopup"><a target="_parent" class="tag tag0" href="https://m.bingdoc.com/mark/unit2ithinkthatmooncakesaredeliciouszhishidianzongjie.html">Unit2Ithinkthatmooncakesaredelicious知识点总结</a></li> <li class="tagPopup"><a target="_parent" class="tag tag1" href="https://m.bingdoc.com/mark/zhishidianzongjie.html">知识点总结</a></li> <li class="tagPopup"><a target="_parent" class="tag tag2" href="https://m.bingdoc.com/mark/cadzhishidianzongjie.html">CAD知识点总结</a></li> <li class="tagPopup"><a target="_parent" class="tag tag3" href="https://m.bingdoc.com/mark/zhishidianzongjie.html">知识点总结</a></li> <li class="tagPopup"><a target="_parent" class="tag tag4" href="https://m.bingdoc.com/mark/zhishidianzongjie.html">知识点总结</a></li> <li class="tagPopup"><a target="_parent" class="tag tag0" href="https://m.bingdoc.com/mark/accaf7zhishidianzongjie.html">ACCAF7知识点总结</a></li> </ul> </div> <br /> <div > 当前位置：<a target="_parent" href="https://m.bingdoc.com/">首页</a> > <a href="https://m.bingdoc.com/booklist-00006.html">人文社科</a><span> > </span><a href="https://m.bingdoc.com/booklist-0000600001.html">法律资料</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bingdoc.com/BookRead.aspx?id=lIGjTkDYZrI%3d" frameborder="0" style="width: 0px; height: 0px"> </iframe> </div> <span id="LabelScript"></span> <script src="https://mstatic.bingdoc.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-2023 冰点文库 网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备19020893号-</a>2</p><script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f82ede2a6dd69d4ed35205d3eb25b840"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</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.bingdoc.com/" title="冰点文库"><img src="https://www.bingdoc.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.bingdoc.com/login.aspx">登录</a></li> <li><a target="_parent"href="https://m.bingdoc.com/">首页 </a></li> <li><a target="_parent"href="https://m.bingdoc.com/booklist-0.html">资源分类 </a></li> <li><a target="_parent"href="https://m.bingdoc.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bingdoc.com/images/s.gif" alt="new" class="hottip1">升级会员 <img src="https://www.bingdoc.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new" class="hottip"></a></li> <li><a target="_parent"href="https://m.bingdoc.com/newslist.html">通知公告 </a></li> <li><a target="_parent"href="https://m.bingdoc.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.bingdoc.com/p-1131523.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx3a9604896163fa38', // 必填，公众号的唯一标识 timestamp: '1719285836', // 必填，生成签名的时间戳 nonceStr: 'A5BFC9E07964F8DDDEB95FC584CD965D', // 必填，生成签名的随机串 signature: '7b662c1f1c727c0df1900a424a431a7a17f0f1ff',// 必填，签名，见附录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.bingdoc.com/p-1131523.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx3a9604896163fa38', // 必填，公众号的唯一标识 timestamp: '1719285836', // 必填，生成签名的时间戳 nonceStr: 'A5BFC9E07964F8DDDEB95FC584CD965D', // 必填，生成签名的随机串 signature: '7b662c1f1c727c0df1900a424a431a7a17f0f1ff',// 必填，签名，见附录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.bingdoc.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.bingdoc.com/js/jquery.lazyload.js"></script> <script charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> </body> </html>