ImageVerifierCode 换一换
格式:DOCX , 页数:18 ,大小:18.91KB ,
资源ID:4519883      下载积分:5 金币
快捷注册下载
登录下载
邮箱/手机:
温馨提示:
快捷下载时,用户名和密码都是您填写的邮箱或者手机号,方便查询和重复下载(系统自动生成)。 如填写123,账号就是123,密码也是123。
特别说明:
请自助下载,系统不会自动发送文件的哦; 如果您已付费,想二次下载,请登录后访问:我的下载记录
支付方式: 支付宝    微信支付   
验证码:   换一换

开通VIP
 

温馨提示:由于个人手机设置不同,如果发现不能下载,请复制以下地址【https://www.zixin.com.cn/docdown/4519883.html】到电脑端继续下载(重复下载【60天内】不扣币)。

已注册用户请登录:
账号:
密码:
验证码:   换一换
  忘记密码?
三方登录: 微信登录   QQ登录  

开通VIP折扣优惠下载文档

            查看会员权益                  [ 下载后找不到文档?]

填表反馈(24小时):  下载求助     关注领币    退款申请

开具发票请登录PC端进行申请

   平台协调中心        【在线客服】        免费申请共赢上传

权利声明

1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,个别因单元格分列造成显示页码不一将协商解决,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前可先查看【教您几个在下载文档中可以更好的避免被坑】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时联系平台进行协调解决,联系【微信客服】、【QQ客服】,若有其他问题请点击或扫码反馈【服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【版权申诉】”,意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:0574-28810668;投诉电话:18658249818。

注意事项

本文(2023年HTML初级知识点总结最详细的总结.docx)为本站上传会员【二***】主动上传,咨信网仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知咨信网(发送邮件至1219186828@qq.com、拔打电话4009-655-100或【 微信客服】、【 QQ客服】),核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载【60天内】不扣币。 服务填表

2023年HTML初级知识点总结最详细的总结.docx

1、HTML 超文本标记语言,一种规范 预定义,已经定义好的各种标记,只需要我们把相应的标记放到合适的位置 一. HTML基本语法与基本结构(重点) 标记的使用 1、标记一般成对出现,包含开始标记和结束标记 2、标记可以嵌套使用,但是不能交叉使用 3、标记不区分大小写 属性的使用(属性控制内容的格式,额外的格式) 1、书写位置在开始标记中 2、格式:属性名=“属性值”,多个属性之间使用空格分割 3、不同的标记属性也许相同也也许不同 4、属性使用的标记中,只能对本标中的内容记产生影响 5、属性不冲突时,效果叠加,属性

2、冲突时,就近原则 html的基本结构 ----声明网页 ----网页的头部信息 标题----网页的标题 ----网页的主体,网页内容重要展示的部分 网页的重要内容 二. 文本格式的应用 1、标题标记,n的取值1-6,1级标题最大 效果:加粗显示,带有自动换行 属性:align 控制标题的对齐方式,取值left(左对齐,默认值)|center(居中)|rig

3、ht(右对齐) 2、段落标记

效果:把内容分段展示,自动换行 属性:align,控制段落内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐) 3、换行符
,单标记,不需要结束标记,换行但不分段 空格符号: 表达一个空格 强制换行符:
4、水平线标记


,单标记 效果:水平线,默认是一个粗细为2px(像素)的线条 属性:size 控制水平线的粗细,取值为整数,单位为像素(px) width 控制水平线的长度,取值可以是像素单位,也可以是百分数(相对

4、于浏览器窗口比例) noshade 设立水平线不带有阴影,该属性不需要取值 color 设立水平线的颜色,取值可以是英文的颜色值,也可以是十六进制的颜色代码 align 控制水平线的对齐方式,取值left(左对齐)|center(居中,默认值)|right(右对齐) 5、分节标记

效果:把内容设立为一节,前后带有自动换行 属性:align 控制div中内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐) 6、居中标记符
效果:把center标记中的内容居中显示

5、7、文本控制标记 效果:控制字体的各种显示样式 属性:size 控制字体的大小,取值为绝对值时,1--7,数字越大字体越大,取相对值时,参考的是默认字体(3号),取值在-2--+4之间 color 控制字体的颜色 face 控制字体的字体,取值可以是多个值,多个值之间使用逗号分割,取值时从左往右依次取值,找到合适的值为止,假如都不支持,使用默认格式显示 8、字体的物理样式 加粗: 斜体: 下划线: 删除线: 上标: 下标: 1、常用逻辑字符

6、DDRESS> 网页设计者或维护者的信息,通常显示为斜体 表达文本属于引用,通常显示为斜体  表达程序代码,通常显示为固定宽度字体  表达定义了的术语,通常显示为黑体或斜体 强调某些字词,通常显示为斜体 表用户的键盘输入,通常显示为固定宽度字体 表达文本样本,通常显示为固定宽度字体 特别强调某些字词,通常显示为粗体 表达变量,通常显示为斜体 2

7、列表标记 1、有序列表,

    ,需要配合
  1. 标记使用 一个
  2. 标记相应一个选项 ol的属性:type 控制列表的符号样式,取值1|A|a|i|I,默认是1 start 控制列表的起始值,取值为任意的整数 li的属性:type 控制选项自身的符号样式,取值1|A|a|i|I value 控制选项自身的起始值,取值为任意整数,但是修改自身起始值之后,会对同一个列表中本选项之后的同级
  3. 标记产生影响 2、无序列表,
      ,配合
    • 标记使用 一个
    • 标记相应一个选项 ul的属性:type 控制所有选项的符

      8、号样式,取值disc(实心圆,默认值)|circle(空心圆)|square(方块) li的属性:type 控制选项自身的符号样式 li标记用在ol中,type属性的取值跟ol的type属性取值走,用在ul中,跟着ul的type属性取值走 3、定义列表,

      ,完毕对定义列表的声明
      ,术语标记,可以理解为类似于列表选项的标题使用
      ,描述标记,可以理解为类似于列表的选项使用 三. 在网页中使用图片 标记:,单标记,不需要结束标记 属性: src 引入图片资源的途径 绝对途径:资源在服务器上的位置,该位置是从盘

      9、符出发 相对途径:资源在服务器上的相对位置,从网页自身出发 ..\返回上一层文献夹 width 控制显示图片的宽度,取值为像素或者百分数 height 控制显示图片的高度,取值为像素或者是百分数 只设立宽度或高度时,图片保持等比缩放,同时设立时,同时生效 border 控制显示图片的边框,取值为像素,默认不显示边框 hspace 控制显示图片水平方向上的空白,取值为像素 vspace 控制显示图片垂直方向上的空白,取值为像素 align 控制图片和周边文本的对齐方式 垂直方向上:top 文本和图片顶部对齐

      10、 bottom 文本底部和图片底部对齐 middle 文本的底部和图片的中部对齐 absmiddle 绝对中间对齐,文本的中部和图片的中部对齐 水平方向上:left 图片在左,文本在右 right 文本在左,图片在右 图片的对齐方式: 借助

      或者

      四. 在网页中使用超链接 4、超链接 标记:...,通过链接跳转到新的资源 属性:href 链接的目的资源的途径 链接外部资源时,一定是绝对途径,并且需要在途径前加上【http://】这个网络通信协议

      11、 target 指定超链接的打开方式,_self在自身的页面打开超链接(默认的打开方式),_blank重新打开一个新的浏览器窗口 建立锚点(书签) 内部书签 1、设立锚点的名称 例如:... 2、使用超链接完毕跳转 例如:... 外部书签 1、设立锚点的名称 例如:... 2、使用超链接完毕跳转 例如:... 超链接 发送电子邮件,格式发送邮件 2、链接多媒体 五. 表格的应用 表格的结构

      ---声明表格 ---表格的标题 ----表格的行 ---表格的列 .... ----表格的行 ---表格的列 .... ...
      ...
      ....
      ....
      标记,定义表格,所有表格的内容书写在

      13、开始和

      结束标记之间 属性:frame 控制表格最外层的四个边框 取值: void 默认值,不显示边框 above 仅显示上边框 below 仅显示下边框 hsides 显示上下边框 vsides 显示左右边框 lhs 仅显示左边框 rhs 仅显示右边框 box、border 显示四个边框 rules 控制表格内部分割线 取值: none 默认值,不显示 rows 显示行分割线 cols 显示列分割线 all 显示所有分割线

      14、 bordercolor 控制边框的颜色 border 控制表格的所有边框,取值为像素 cellspacing 控制单元格与单元格之间的空白,取值为像素 cellpadding 控制单元格内容和单元格边框之间的空白,取值为像素 width 设立单元格的宽度,取值为像素或者百分数 height 设立单元格的高度,取值为像素或者百分数 align 控制表格的对齐方式,取值left(默认值)|center|right bgcol

      15、or 设立表格的背景色 background 设立表格的背景图 当背景色和背景图同时设定期,优先使用背景图 表格的标题,必须书写在

      之间 属性:align 控制表格标题的位置,取值top(标题在表格的顶部)|bottom(标题在表格的底部) 定义表格的行 属性:align 控制整行单元格内容的水平对齐方式,取值left(默认值,缺省值)|center|right valign 控制整行单元格内容的垂直对齐方式,取值top|middle(默认值)|bottom height 设立行的

      16、高度,取值为像素 bgcolor 设立行的背景色 background 设立行的背景图 bordercolor 设立行的边框颜色

      列标记 列标题标记 都可以作为列使用,列标题标记,内容有加粗显示的效果,并且带有自动居中 属性:align 控制单元格内容的水平方向对齐方式,取值left|center|right valign 控制单元格内容的垂直方向对齐方式,取值top|middle(默认值)|bottom height 设立单元格的高度,取值以像素为单位,当同一行中不同的单元格设立的高度也

      17、不相同时,整行的高度取值按最大值来 width 设立单元格的宽度,取值以像素为单位,当同一列中不同行的单元格设立的宽度不相同时,整列的宽度取值按最大值来 bgcolor 设立单元格的背景色 bakground 设立单元格的背景图 rowspan 合并行 colspan 合并列 合并行和合并列的取值都是整数,合并几个单元格取值就是几 六. 框架的应用 1、框架 框架集标记,在原有的html结构基础上,替换了的位置,换句话说,和不能共

      18、存,只能出现一个 属性:rows 设立横向框架的数量和高度,框架的数量取决于rows属性的取值个数,每个框架的高度取决于值的大小 cols 设立纵向框架的数量和宽度,框架的数量取决于cols属性的取值个数,每个框架的宽度取决于值的大小 rows和cols的取值方式 1、像素值 2、百分数 3、比例取值 rows和cols取值,可以有多个值,值与值之间使用逗号分割,并且不能有空格格,cols和rows属性一般不同时设定,要想实现页面的纵向和横向分割,可以使用框架的嵌套来实现 frameborder 使用在

      19、frameset中,可以控制框架集下的所有框架边框是否显示 框架标记,单标记 属性:src 引入目的资源的途径 name 给框架起名字,需要配合超链接的target属性来使用,达成链接目的框架的目的 frameborder 控制框架的边框是否显示,0表达不显示,1显示默认的3D边框 scrolling 控制框架是否加入滚动条,取值yes(加入滚动条,需要时加入)|no(不加入滚动条)|auto(需要时加入滚动条,默认值) noresize 固定框架的边框,该属性不需要取值 marginheight 在框架中显示内

      20、容时,控制内容和框架上下边框之间的空白,取值以像素为单位,以上边框为准 marginwidth 在框架中显示内容时,控制内容和框架左右边框之间的空白,取值以像素为单位,以左边框为准 当浏览器不支持框架时,显示的替换内容,必须包含一对<body>标记使用 七、 表单的应用 表单 1.表单标记<form>,表单不能嵌套使用,所有表单的内容必须书写在表单的开始标记和结束标记之间 表单结构: <form> <input type=”text”> 单行文本格式 <i</p><p style='height:0px;padding:0;overflow:hidden'>21、nput type=”password”> 密码输入框 <input type=”checkbox”> 复选框格式 <input type=”radio” name=”sex”>单选框格式 <input type=”submit”>提交的格式 <input type=”reset”>重置格式 <input type=”button”>自定义格式 <select> 下拉菜单格式 <opt</p><p style='height:0px;padding:0;overflow:hidden'>22、ion>汉族</option> <option>满族</option> <option>壮族</option> <option>土家族</option> </select> <textarea >cols="50" rows="4">请多多指教 多行文本 </textarea> </form> 表单域<input> 不同功能的表单域type属性的取值不同 属性:type 控制表单域的功能 取值 text 单行文</p><p style='height:0px;padding:0;overflow:hidden'>23、本 password 密码输入框 checkbox 复选框 radio 单选按钮 要实现单选,还要在后面加上同样的名字,例: <input type=”radio” name=”.....”> submit 提交 reset 重置 button 自定义按钮 value属性使用在提交、重置、自定定义按钮中,可以改变按钮的默认值 value属性使用在单行文本和密码框中,添加默认值 maxlength属性使用在单行文本和密码框中,限制输入的最大字符数,取值为整数 check</p><p style='height:0px;padding:0;overflow:hidden'>24、ed=“checked”使用在复选框和单选框中,表达该选项默认被选中 <select>....</select>,菜单里有多个选项,一般用于选择年. 月. 日 属性1:<option>...</option>,一对option代表一个下拉选项 属性2:<select>....</select>,一对select 代表一个下拉菜单 多行文本: <textarea > </textarea >成对出现 属性:cols=”....” cols取值为整数,限制每行的最多内容 Rows=”...” rows取值为整数,限制多行文本的行数 </p> </div> </div> <span id="LabelScript"></span> <script src="https://m.zixin.com.cn/JS/bootstrap-collapse.js"></script> <div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;"> <div> <div style=" margin: auto; overflow:hidden; text-align: center;"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e2a21bc68316db308b5fdc9a0d11f2e"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <div style=" height:80px; margin: auto; overflow:hidden; text-align: center;"> <a target="_blank" href='https://m.zixin.com.cn/ADMiddle.aspx?t=92ULKnFRa/o='> <img src="https://www.zixin.com.cn/FileUpload/Images/81dd1a0b-02e3-435a-aa37-fbfccae9a83d.gif" width="100%" height='80' alt="移动网页_全站_页脚广告1" /> </a> </div> </div> <div class="siteInner"> <p style="white-space: normal; text-align: center;"><a href="https://www.zixin.com.cn/h-33.html" target="_blank" title="关于我们" textvalue="关于我们"><span style="text-align: center;">关于我们</span></a>&nbsp;<span style="text-align: center;">&nbsp; &nbsp; &nbsp;</span><a href="https://www.zixin.com.cn/h-37.html" target="_blank" title="便捷服务" textvalue="便捷服务">便捷服务</a>&nbsp;&nbsp;<span style="text-align: center;">&nbsp; &nbsp; &nbsp;</span><a href="https://ai.zixin.com.cn/" target="_blank" title="自信AI" textvalue="自信AI">自信AI</a>&nbsp;<span style="text-align: center;">&nbsp; &nbsp; &nbsp;&nbsp;</span><a href="https://gpt.zixin.com.cn/" target="_blank" title="AI导航" textvalue="AI导航">AI导航</a>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<a href="https://www.zixin.com.cn/info/266.html" target="_blank" title="抽奖活动" textvalue="抽奖活动">抽奖活动</a></p><p style="white-space: normal; text-align: center;"><span style="color: rgb(153, 153, 153); font-family: 微软雅黑, 宋体, Arial; font-size: 12px; text-align: center; background-color: rgb(248, 248, 248);"></span><span style="text-align: center;">©2010-2026 宁波自信网络信息技术有限公司&nbsp;</span><span style="text-align: center;">&nbsp;</span><span style="text-align: center;">版权所有</span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;">客服电话:<span style="text-wrap: wrap;">0574-28810668</span>&nbsp; <span style="text-align: center;">投诉</span>电话:18658249818</span></span></span></span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-6/9/6379033271755225397249870.png" title="gongan.png" alt="gongan.png"/></span><a href="http://www.beian.gov.cn/portal/index.do" target="_blank" textvalue="浙公网安备33021202000488号">浙公网安备33021202000488号</a>&nbsp; &nbsp;</p><p style="white-space: normal; text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/4/6379256265460890686562879.png" title="icp.png" alt="icp.png"/><a href="http://beian.miit.gov.cn/" target="_blank" textvalue="浙ICP备2021020529号-1">浙ICP备2021020529号-1</a>&nbsp;<span style="text-align: center;">&nbsp;|&nbsp;</span>&nbsp;<a href="https://dxzhgl.miit.gov.cn/dxxzsp/xkz/xkzgl/resource/qiyesearch.jsp?num=%E5%AE%81%E6%B3%A2%E8%87%AA%E4%BF%A1%E7%BD%91%E7%BB%9C%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&type=xuke" target="_blank" title="浙B2-20240490" textvalue="浙B2-20240490">浙B2-20240490</a><span style="text-align: center;">&nbsp;&nbsp;</span></p><p style="white-space: normal; text-align: left;"><span style="text-align: center; font-family: 楷体, 楷体_GB2312, SimKai; font-size: 20px;">关注我们</span><span style="text-align: center;">&nbsp;:<a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/9/6379298231429297878483475.png" title="微信公众号" alt="微信公众号"/></a></span><span style="text-align: center;">&nbsp; &nbsp;&nbsp;<a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497521.png" title="抖音" alt="抖音"/></a>&nbsp; &nbsp;&nbsp;<a href="https://weibo.com/zixinnetwork" target="_blank" style="color: rgb(217, 83, 79); text-align: center; white-space: normal;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497523.png" title="微博" alt="微博"/></a>&nbsp; &nbsp;&nbsp;<a href="https://zixinnetwork.lofter.com/" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257740834991205479163.png" title="LOFTER" alt="LOFTER"/></a>&nbsp;</span></p> </div> </div> <div style="position: fixed; bottom: 100px; right: 15px; z-index: 100000000000000000;"> <a href="https://work.weixin.qq.com/kfid/kfcb5dffb1386b26424"><img src="https://www.zixin.com.cn/FileUpload/Images/c1022425-c464-4203-b6dc-db237b2252d5.gif" style="width:36px" alt="客服"/></a> </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.zixin.com.cn/" title="咨信网"><img src="https://www.zixin.com.cn/FileUpload/Images/c4280cd2-fe62-449e-aeca-027ef73439f5.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.zixin.com.cn/login.aspx">登录</a></li> <li><a target="_parent"href="https://m.zixin.com.cn/">首页 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/booklist-0.html">分类 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/infos.html">学堂 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/newslist.html">公告 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/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.zixin.com.cn/docdown/4519883.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx49d3b0cb6fb382c4', // 必填,公众号的唯一标识 timestamp: '1771779146', // 必填,生成签名的时间戳 nonceStr: '0E01938FC48A2CFB5F2217FBFB00722D', // 必填,生成签名的随机串 signature: '69bb9535d1d73703f47ba177662a6957737792c5',// 必填,签名,见附录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.zixin.com.cn/docdown/4519883.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx49d3b0cb6fb382c4', // 必填,公众号的唯一标识 timestamp: '1771779146', // 必填,生成签名的时间戳 nonceStr: '0E01938FC48A2CFB5F2217FBFB00722D', // 必填,生成签名的随机串 signature: '69bb9535d1d73703f47ba177662a6957737792c5',// 必填,签名,见附录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> <!--footer--> <footer class="footer"> <a target="_parent" class="footer-item" href="https://m.zixin.com.cn/"> <img class="footer-item-img" src="/Master/img/tabbar/home.png" alt="首页" /> <div class="footer-item-txt ">首页</div> </a> <a target="_parent" class="footer-item" id="classify" href="https://m.zixin.com.cn/bookmap.html"> <img class="footer-item-img" src="/Master/img/tabbar/category.png" alt="分类" /> <div class="footer-item-txt ">分类</div> </a> <a target="_parent" class="footer-item" id="case" href="https://m.zixin.com.cn/zhuantilist-.html"> <img class="footer-item-img" src="/Master/img/tabbar/case.png" alt="专题" /> <div class="footer-item-txt ">专题</div> </a> <a target="_parent" class="footer-item" id="my" href="https://m.zixin.com.cn/UserDefault.aspx"> <img class="footer-item-img" src="/Master/img/tabbar/my.png" alt="我的" /> <div class="footer-item-txt ">我的</div> </a> </footer> <script> $(document).ready(function () { var arr = $(".headercontent"); for (var i = 0; i < arr.length; i++) { (function (index) { var url = "https://m.zixin.com.cn/header.aspx"; $.get(url + "?tp=0&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://m.zixin.com.cn/js/jquery.lazyload.js"></script> <script charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> </body> </html>