关于HTML的知识.docx

上传人:b****5 文档编号:6899906 上传时间:2023-01-12 格式:DOCX 页数:39 大小:19.41KB
下载 相关 举报
关于HTML的知识.docx_第1页
第1页 / 共39页
关于HTML的知识.docx_第2页
第2页 / 共39页
关于HTML的知识.docx_第3页
第3页 / 共39页
关于HTML的知识.docx_第4页
第4页 / 共39页
关于HTML的知识.docx_第5页
第5页 / 共39页
点击查看更多>>
下载资源
资源描述

关于HTML的知识.docx

《关于HTML的知识.docx》由会员分享,可在线阅读,更多相关《关于HTML的知识.docx(39页珍藏版)》请在冰豆网上搜索。

关于HTML的知识.docx

关于HTML的知识

HTML先来点实用的

首标签

这个写在开头结尾

 

尾标签 

 

头部分

 

</p><p>窗口标题写这里</p><p> 

 

身体

 (主体)

部分

 

用于段落

 

标题

 

子标题

 

子子标题

 

链接

 

显示粗体文本

 

显示斜体文本

 

显示小字体文本

 

换行


另一行

 


一条水平线

 

    无序列表

     

    ·列表项

     

 

    有序列表

     

    1.

    列表项

     

    2.

    列表项

     

 

属性

 

写法

 

 

<

元素首标签

 

属性名称

=

属性值

 

Style

属性

 

用于为网页设定样式

 

设定背景颜色

 

#

颜色代码

;">

 

字大小数值

px

;font-family:

字体

;"> 

 

Href

属性

 

超文本引用,用于指定链接指向何处

 

http:

//

网址

 

或邮箱地址

 

#id

属性

/

>

链接文字

 

Id

属性

 

用于标出要被指向的元素,用

#

标出所标记元素

 

标题

转到标题

注:

id

属性必须以字母开头

 

 

Title

属性

 

用于为该链接输入一个简短描述

 

href=

http:

//

网址

 

或邮箱地址

 

#id

属性

/

title=

描述

>

链接

文字

 

文件名

"

title="

描述

"

 

 

 

 

用于将图片放入网页

空元素没有尾标签

) 

文件名

alt=

替用描述

/> 

Src

属性

 

用于标出图片存放位置

文件夹名

/

图片名

)(

网页名

/

图片

) 

 

 

alt

属性

 

用于给出图像的替用描述

 

Width,Height

属性

 

用于设定图像的宽和高

以像素为单位

) 

文件名

"

width="

数值

"height="

数值

"

 

表格

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

表格元素

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

表格行,一行的开始与结束

 

 

 

 

 

 

 

表格数据,单元格内容的开始于结束

 

 

 

单元格

1

单元格

2

 

border

属性

 

用于指定表格四周边框的厚度,以像素为单位

 

Width

属性

 

 

用于设定表格宽度,像素或屏幕百分比

 

align

属性

 

 

用于指定整个表格、

某行或某个单元格里内容的水平

对齐方式

 

valign

属性

 

用于指定某个单元格里内容的垂直对齐方式

 

colspan

属性

 

用在

标签中,用来指定单元格横

 

向跨越的列

数写法

 

 

<

元素首标签

 

属性名称

=

属性值

 

Style

属性

 

用于为网页设定样式

 

设定背景颜色

 

#

颜色代码

;">

 

字大小数值

px

;font-family:

字体

;"> 

 

Href

属性

 

超文本引用,用于指定链接指向何处

 

http:

//

网址

 

或邮箱地址

 

#id

属性

/

>

链接文字

 

Id

属性

 

用于标出要被指向的元素,用

#

标出所标记元素

 

标题

转到标题

注:

id

属性必须以字母开头

 

 

Title

属性

 

用于为该链接输入一个简短描述

 

href=

http:

//

网址

 

或邮箱地址

 

#id

属性

/

title=

描述

>

链接

文字

 

文件名

"

title="

描述

"

 

 

 

 

用于将图片放入网页

空元素没有尾标签

) 

文件名

alt=

替用描述

/> 

Src

属性

 

用于标出图片存放位置

文件夹名

/

图片名

)(

网页名

/

图片

) 

 

 

alt

属性

 

用于给出图像的替用描述

 

Width,Height

属性

 

用于设定图像的宽和高

以像素为单位

) 

文件名

"

width="

数值

"height="

数值

"

 

表格

 

 

 

 

 

表格元素

 

 

 

 

 

 

表格行,一行的开始与结束

 

 

 

 

表格数据,单元格内容的开始于结束

 

 

 

单元格

1

单元格

2

 

border

属性

 

用于指定表格四周边框的厚度,以像素为单位

 

Width

属性

 

 

用于设定表格宽度,像素或屏幕百分比

 

align

属性

 

 

用于指定整个表格、

某行或某个单元格里内容的水平

对齐方式

 

valign

属性

 

用于指定某个单元格里内容的垂直对齐方式

 

colspan

属性

 

用在

标签中,用来指定单元格横

 

向跨越的列

 

rowspan

属性

 

用于指定单元格纵向跨越行数

 

CSS 

CSS 

有一个优越的特性,即它可以对页面布局进行集中管理。

 

 

我们在文档的头部

head 

插入了

CSS

它将应用于整个页面。

要将

 

CSS

嵌入

 

文档,

你只需通过标签

告诉

浏览器该段为

 

CSS

即可。

 

例如:

 

 

h1{font-size:

30px;font-family:

宋体

;} 

 

标题(Heading)

是通过

 

 - 

 

等标签进

行定义的

 

This is heading 1

 

This is heading 2

 

This is heading 3

 

This is heading 4

 

This is heading 5
 

This is heading 6
 

不支持脚本或禁用脚本的

noscript 

元素中的文本

 

 

 

插入脚本

Hello World!

 

 

document.write("Hello World!

") 

 

段落:

HTML 

段落是通过

 

 

标签进行定义的。

浏览器会自动

地在段落的前后添加空行。

 

是块级元素)

 

 

 

这是段落。

 

这是段落。

 

这是段落。

 

 

name="tips"

>

基本的注

意事项

 - 

有用的提示

 

 

href="#tips"

>

有用的提

 

 

href="http:

//www.w3school

sp#tips

">

有用的提示

 

我们将

 # 

符号和锚名称添加到

 URL 

的末端,

就可以直接链

接到

 tips 

这个命名锚了。

点击“有用的提示”直接跳到相

应的连接点

 

连接:

HTML 

链接是通过

 

 

标签进行定义的。

 

 

">This is a link 

这是超链接地址

 

 

 

style="text-decoration:

none"

This is a link 

连接没有下划线

 

 

5

 

http-equiv="Refresh" 

content="5;url=" /> 

 

用图片做连接

 

 

 

 

 

Target 

属性,你可以定义

被链接的文档在何处显示

 

target="_blank"

添加这个属性说明在另一个新窗口打开

 

<

base

 

target

="_blank"

 

/> 

 

 

图片:

HTML 

图像是通过

 

 

标签进行定义的。

 

 

src="

/i/eg_w3school.gif

alt 

=

Big 

Boat

 

width="300" 

height="120" /> 

红色的是图片路径

 

绿色的是替换文本属性,当图片文件路径错误时,会显示

Big Boat 

邮件链接

 

href="mailto:

someone@?

subject=Hello%20again">

 

 

 

href="mailto:

someone@?

cc=someoneelse@microsoft.co

m&bcc=andsomeoneelse2@&subject=Summer%20Party

&body=You%20are%20invited%20to%20a%20big%20summer%20part

y!

">

 

 

背景图片

 

 

 

换行:

 


 

斜体字

 

 

粗体字

 

 

水平线:

 

标签在

 

HTML 

页面中创建水平线。

hr 

元素

可用于分隔内容。

 

 


 

HTML

pre 

标签对空行和空

格进行控制

 

 

 

(浏览器会自动屏蔽多余的空格和空行)

 

改变文字的输出方向:

 

 

Here is some Hebrew text 

 

输出

Here is some Hebrew text 

注释

 

-- This is a comment -->

 

属性总是在

 

HTML 

素的开始标签中规定

 

 

位置对齐

 

align

="center"

——中

 

align

="left"

——左

 

align

="right"

——右

 

 

整个文档页面的背景

 

<

body

 

bgcolor

="yellow">

body

 

 

表格边框的大小

 

<

table

 

border

="1">

table

>   1

是指表格边框的大小

 

 

 

表格

Table

 

每个表格由

 table 

标签开始。

 

我的标题

 

 

 

表格的表头使用

 th 

标签进行定义

 

每个表格行由

 tr 

标签开始。

 

每个表格数据由

 td 

标签开始。

 

 

横跨两列的单元格

 

电话

 

 

横跨两行的单元格

 

电话

 

 

 

无序列表

 

这个单元包含一个列表:

 

 

 

 

 

type="disc"> 

 

 

 

 

  • 苹果

  •  

     

     

     

     

  • 香蕉

  •  

     

     

     

     

  • 菠萝

  •  

     

     

     

     

     

     

     

     

    type="disc"

    是前面小黑点那部分显示的属性

     

    Circle

    是空心圆

     

    Square

    是黑心方块

     

     

    有序列表

     

     

     

     

  • 咖啡

  •  

     

     

  • 牛奶

  •  

     

     

  •  

     

     

     

    start="50"

    是设置从哪开始

     

     

    自定义列表

     

     

    Coffee
     

    Black 

    hot 

    drink

     

    Milk
     

    White 

    cold 

    drink

     

     

     

     

     

    使用

     Cell padding 

    来创

    建单元格内容与其边框之

    间的空白

     

    cellpadding="22" 

     

    使用

     Cell spacing 

    增加

    单元格之间的距离

     

    cellspacing="10" 

     

    frame="box" 

     

     

    frame="above" 

     

     

    frame="below" 

     

     

    frame="hsides" 

     

     

    frame="vsides" 

     

     

    框架结构标签(

    )定

    义如何将窗口分割为框架,假如一

    个框架有可见边框,用户可以拖动

    边框来改变它的大小。

    为了避免这

    种情况发生,

    可以在

     

     

    签中加入:

    noresize="noresize"

     

     </p><p><body></p><p>您的浏览器无法处理框架!</p><p></body> </p><p> 

     

     

    不能将

     

     

    标签与

     

     

    标签同时使用!

    不过,

    假如

    你添加包含一段文本的

     

     </p><p>标签,就必须</p><p>将这段文字嵌套于</p><p> </p><p><body></body> </p><p>标签内</p><p> </p><p> </p><p>垂直框架</p><p> </p><p><frameset cols="25%,50%,25%"> </p><p> </p><p> </p><p> </p><p><frame src="/example/html/frame_a.html"> </p><p> </p><p> </p><p><frame src="/example/html/frame_b.html"> </p><p> </p><p> </p><p><frame src="/example/html/frame_c.html"> </p><p> </p><p></frameset> </p><p>红色的是指框架按垂直(列)分布的</p><p> </p><p>绿色的是指每个框架占整个窗口的百分比</p><p> </p><p> </p><p>水平框架</p><p> </p><p><frameset rows="25%,50%,25%"> </p><p> </p><p> </p><p> </p><p><frame src="/example/html/frame_a.html"> </p><p> </p><p> </p><p><frame src="/example/html/frame_b.html"> </p><p> </p><p> </p><p><frame src="/example/html/frame_c.html"> </p><p> </p><p></frameset> </p><p> </p><p> </p><p><frameset cols="120,*"> </p><p> </p><p><frame </p><p>src="/example/html/html</p><p>_contents.html"> </p><p><frame </p><p>src="/example/html/fram</p><p>e_a.html" </p><p>name="showframe"> </p><p> </p><p></frameset> </p><p> </p><p>点击前面的连接切换后面的框架</p><p> </p><p> </p><p>内联框架:</p><p>用于网页内显示</p><p>网页(</p><p>frameborder</p><p>="0" </p><p>设置边框)</p><p> </p><p><iframe src="/i/eg_landscape.jpg"></iframe> </p><p> </p><p> </p><p><iframe </p><p>src="/example/html/demo</p><p>_iframe.html" </p><p>name="iframe_a"></ifram</p><p>e> </p><p> </p><p><p><a </p><p>href="http:</p><p>//www.w3scho</p><p>" </p><p>target="iframe_a">W3Sch</p><p></a></p> </p><p> </p><p><p><b></p><p>注释:</p><p></b></p><p>由于链接</p><p>的目标匹配</p><p> iframe </p><p>的名</p><p>称,所以链接会在</p><p> iframe </p><p>中打开。</p> </p><p> </p><p>点击红色字体连接会在</p><p>iframe</p><p>中显示</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 = "6899906"; var total_page = "39"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/6899906.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-1/10/5375db0b-0b20-4d05-9248-d1085e941800/5375db0b-0b20-4d05-9248-d1085e941800"; var freepage = parseInt('20'); var total_c = parseInt('39'); 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;17;18;19;"; 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/30843326.html" title="人才培养方案汇报课件.ppt">人才培养方案汇报课件.ppt</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30838449.html" title="行政执法证考试题库答案注解.docx">行政执法证考试题库答案注解.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30838448.html" title="防止电力生产事故的二十五项重点要求实施细则.docx">防止电力生产事故的二十五项重点要求实施细则.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30838439.html" title="走遍美国中英对照文本.docx">走遍美国中英对照文本.docx</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30838405.html" title="计算机应用基础教程(Windows10+Office2016)PPT全套完整教学课件.pptx">计算机应用基础教程(Windows10+Office2016)PPT全套完整教学课件.pptx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30838353.html" title="产科大出血典型病例分析.docx">产科大出血典型病例分析.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30838301.html" title="史上最全的英语单词记忆表.docx">史上最全的英语单词记忆表.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30838297.html" title="矿业类词汇汉英全解.docx">矿业类词汇汉英全解.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30838201.html" title="南宁职业技术学院建设任务书.docx">南宁职业技术学院建设任务书.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30838198.html" title="L06J002建筑作法图集内容.docx">L06J002建筑作法图集内容.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/916358.html" target="_parent" title="关于彩棉的广告语推荐word版 24页.docx">关于彩棉的广告语推荐word版 24页.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/916359.html" target="_parent" title="山东临沂市九年级中考数学模拟试题卷二附答案解析.docx">山东临沂市九年级中考数学模拟试题卷二附答案解析.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/916360.html" target="_parent" title="CAD制图大赛策划书与change演讲稿4篇汇编.docx">CAD制图大赛策划书与change演讲稿4篇汇编.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/916361.html" target="_parent" title="北师大版小学四年级下同册思品与社会教案 全册.docx">北师大版小学四年级下同册思品与社会教案 全册.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/916362.html" target="_parent" title="广州考察报告3篇.docx">广州考察报告3篇.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/916363.html" target="_parent" title="KSF薪酬全绩效模式.docx">KSF薪酬全绩效模式.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/916364.html" target="_parent" title="山西省临汾市中考考前适应性训练二模语文试题真版.docx">山西省临汾市中考考前适应性训练二模语文试题真版.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/916365.html" target="_parent" title="比赛组别及曲目ClassesandRepertoires公开及高级组Openand.docx">比赛组别及曲目ClassesandRepertoires公开及高级组Openand.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/916366.html" target="_parent" title="甘肃省人口与计划生育条例00001.docx">甘肃省人口与计划生育条例00001.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=%e5%85%b3%e4%ba%8e">关于</a></li> <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">知识</a></li> </ul> </div> <br /> <div > 当前位置:<a target="_parent" href="https://m.bdocx.com/">首页</a> &gt; <a href="https://m.bdocx.com/booklist-00015.html">法律文书</a><span> &gt; </span><a href="https://m.bdocx.com/booklist-0001500001.html">调解书</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=tmjz2Kh4ZbM%3d&parto=ObVwJ4BRxvdMaRBhwZreDVEzm4OHLEA6meKJ%2bDpHkHkicr1Kr4fyJeCfDBWNFUbNzXfcSodptfe%2bIQRcIezDqCnriOC5jGYr3wDQA6FpBT%2bhIvokG0s5zsV7HCAy6wVzv2osZlakLn0g4Djxw8dXkQRLkBpIMOO0dwg692ViaqylHDU2S1KzsWtgNCnpunVnGaPRdvV1HsqlV5wVpiPs7yUoTlPV1eMQ" 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/6899906.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1720522368', // 必填,生成签名的时间戳 nonceStr: '109A0CA3BC27F3E96597370D5C8CF03D', // 必填,生成签名的随机串 signature: '8cca0ca7d0ea24570f849aeac99a8782710f2e05',// 必填,签名,见附录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/6899906.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1720522368', // 必填,生成签名的时间戳 nonceStr: '109A0CA3BC27F3E96597370D5C8CF03D', // 必填,生成签名的随机串 signature: '8cca0ca7d0ea24570f849aeac99a8782710f2e05',// 必填,签名,见附录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>