第一讲第2课Html高级部分.docx
《第一讲第2课Html高级部分.docx》由会员分享，可在线阅读，更多相关《第一讲第2课Html高级部分.docx（17页珍藏版）》请在冰点文库上搜索。
第一讲第2课Html高级部分
Html高级部分
表格标签
例子：
效果
属性：gbcolor，border，bordercolor，易懂，不解释
Bordercolorlight：
设置border光亮部分的颜色（只有在border>0时生效）
Borderclolordark：
设置border阴暗部分的颜色（只有在border>0时生效）
Cellspacing表格内的各个单元格的间隔大小
Cellpadding表格内单元格和其内容的间隔大小
With和height表格的宽度和高度（像素或%）
|
属性：
Align水平对齐方式（如果单元格大于内容默认左侧对齐）
valign垂直对齐方式
bgcolor颜色（对一行起作用，覆盖
的背景） | 属性：
widthheight某个单元格的宽度和高度（只对每个，不是每行）
注意：
1width如果设置为%比的话，各个单元格的大小的%比相加不能超过100%
2如果参数总和没有超过，则将剩余的平均分配给各个单元格
3如果要设置这2个参数，确保已经设置了
的width和height（像素或百分比）属性align:
这个单元格的水平对齐方式
Valign:
这个单元格的垂直对齐方式
Colspan:
这个单元格所占有的列数（默认1）
Rowspan这个单元格所占有的行数（默认1）
Nowrap禁止浏览器对单元格内过长内容进行换行
（换行时会根据字符串中的特殊字符换行：
如“-”，没有特殊字符的一般话会撑开表格）
| 与
| 的用法一样只不过显示为：粗体加黑
一般用来作为表头（表里第一行）
整个表格的标题，必须紧跟在
）如：
嵌入超链接：
帧标签
一个浏览器窗口只能显示一个html文件
将浏览器窗口分成多个帧，每个帧就能显示一个html文件
一个框架集可以存放多个帧窗口
每个帧窗口对应一个或多个（切换显示就多个了）html文件
存放多个帧窗口的html文件称为主文档
图片例子：
显示效果：
结构图：
注意：
frameset标签对不能嵌套在
之中！（否则不能显示分帧）
只能放在之中
而且frameset标签对中不能含有任何
和之中的元素，因为根本不能显示他们（放了也不显示）属性：Rows:
设置多少行个帧
Cols:
设置多少列个帧
Border:
设置帧边框的宽度
Frameborder设置是否显示边框。
值：
NO（或者0），Yes（或者1）
一个帧
属性：
scr:
初始装载的html文件的url
Name：
帧窗口名字，被调用时，scr所指向的html将显示在超链接target所指向的name的
注意：
如果target所指向的目标窗口不在，那么会自动打开一个新的窗口来显示目标html
并且设置其属性为target所设置的内容
帧窗中
Scrolling:
帧窗口边框是否显示滚动条（默认自动显示）
Noresize:
禁止用户用鼠标调整帧窗口的大小
用法:
放在
中，当用户浏览器不支持注意：
是写在<![CDATA[里面的,并不是写在<frameset>里面的</p><p><iframe></iframe></p><p>在网页中插入一个帧窗口，其中可以显示html文件（画中画效果）</p><p>注意：</p><p><iframe>中的文本只有当用户的浏览器不支持时才显示，这样当用户的浏览器不支持时，就显示文本提示</p><p><iframe>也有<frame>的属性，如：</p><p>name和srcframeborder等属性，用法一样。</p><p> </p><p>超链接补充</p><p><ahref=””target=””></a></p><p>Target取值说明：</p><p>1_blank打开新的窗口，并且窗口没有名称（脚本无法控制没有名称的窗口）</p><p>2_parent显示在当前帧的直接父窗口（只有当超链接的原网页显示在某个帧窗口中是才可）</p><p>3_self在原网页显示（缺省设置值）</p><p>4_top显示在最顶层的窗口（只有当超链接的原网页显示在某个帧窗口中是才可）</p><p>表单标签</p><p><form></form></p><p>属性：</p><p>action:</p><p>提交处理的url（赋值为空或不写，默认是提交到本网页）</p><p>Method：</p><p>1get：</p><p>不安全的，显示发送（默认的，表单中的特殊字符会被编码，数据不能大于1kb）2post：</p><p>加密提交</p><p>属性：</p><p>Target：</p><p>想要显示结果的目标窗口和帧</p><p>属性：</p><p>Title：</p><p>属性：</p><p>Enctype</p><p>:</p><p>（一般没有必要修改，除非要上传文件时才修改为</p><p>）</p><p>Name属性：</p><p>有设置name属性值的表单元素才会发送到服务器</p><p><form></form>中的元素</p><p><inputType=Text>表单：</p><p>属性：</p><p>size:</p><p>显示的字符数</p><p>Maxlength:</p><p>最大输入字符数</p><p>Disable：</p><p>不能编辑（并且不会发送到服务器）</p><p><inputType=Reset>表单：</p><p>重置按钮</p><p><inputType=Checkbox>表单：</p><p>属性：</p><p>checked初始化是否被选定（无值，直接使用）</p><p>只有checked的才会被提交</p><p><inputType=Submit>表单：</p><p>注意：</p><p>多个提交按钮如果都有name属性，只有被单击的才会发送到服务器</p><p>并且，只要表单名字和表单内容不是空，（只要大于一个的空格），都会被提交</p><p>如：</p><p>name=“”，表单内容为“”则这个表单元素会被提交为+++=+++</p><p>多个重名的表单元素提交时，会自动加上数字加以区分</p><p> </p><p><inputType=Radio>表单：</p><p>name一样的多个radio为一组单选按钮，这样就只能有一个被选中</p><p>例子：</p><p><inputtype=radioname=group1value=男>男</p><p><inputtype=radioname=group1value=女>女</p><p>注意：</p><p>value才是被提交的值，后面的文本是用来提示用户的</p><p> </p><p><inputType=Hidden>表单：</p><p>隐藏的表单，浏览器不显示</p><p> </p><p><inputType=Password>表单：</p><p>密码输入单行文本框</p><p><inputType=Button>表单：</p><p>普通按钮（通常和脚本相联系）</p><p><inputType=File>表单：</p><p>实现先web上传文件</p><p>选择完文件，点击提交时，只是提交url，并没有文件上传</p><p>如果要上传文件：</p><p>1将<form>method设置为：</p><p>post2将enctype设置为”multipart/form-data”</p><p> </p><p><Image>表单:</p><p>可在表单中创建图标</p><p>例子：</p><p><imagename=picsrc=url></p><p>当提交时：</p><p>会提交单击的图片上的xy坐标，格式为：</p><p>pic.x&pic.y（name.x&name.y）</p><p> </p><p><select><option></option></select>表单标签</p><p><select>属性：</p><p>Multiple：</p><p>（不用赋值）可以多选</p><p>Size:</p><p>显示的条目个数</p><p><option></p><p>属性：</p><p>如果<option>的value没有设置，默认用<option>内容</option>中的“内容”作为值传送</p><p> </p><p><textarea></textarea></p><p>默认值写在<textarea>之间.</p><p>属性：</p><p>cols：</p><p>列数</p><p>Rows:</p><p>行数</p><p><label>提示作用</p><p>作用：</p><p>快捷键</p><p>例子：</p><p>表单设置id属性之后，在label中引用为其设置快捷键</p><p> </p><p>注意：</p><p>快捷键测试在火狐上无效！</p><p>360上按键冲突！</p><p>IE测试有效!</p><p>另外，360浏览器就是<form>的method为get时，地址栏也不能显示提交的数据</p><p>Meta标签</p><p><meta>Name属性值</p><p><meta>是放在<head></head>之间</p><p><meta>Name属性值：</p><p>keywords</p><p>例子：</p><p><metaname=”keywords”content=”vc,java培训,java”></p><p>搜索关键字时，搜索引擎放出的spiders和robots将name=keywords时content内的内容作为关键字，匹配相同后放到搜索引擎的数据库中。</p><p>（content内多个关键字用逗号分隔）</p><p><meta>Name属性值：</p><p>description</p><p>例子:</p><p><metaname=”description”content=”thisismyfirstpage”></p><p>Content内容为本网页的相关描述</p><p><meta>Name属性值：</p><p>Robots</p><p>例子：</p><p><metaname=”robots”content=””></p><p>告诉搜索引擎放出的spider和robots根据content里面的属性值来采取什么样的行动方式</p><p>Content值：</p><p>1index:</p><p>让spider和robots可以检索和收录该页面（默认值）</p><p>Content值：</p><p>2noindex不让spider和robots不可以检索和收录该页面（搜索时会增加访问量，所以可以这么设置）</p><p>Content值：</p><p>3follow让搜索引擎，顺着超链接继续往下走</p><p>Content值：</p><p>4nofollow不让spiders和robots顺着超链接往前走</p><p>Content值：</p><p>5all让piders和robots可以index可以follow</p><p>Content值：</p><p>6none让piders和robots不可以index也不可以follow</p><p> </p><p>meta>Name属性值：</p><p>generator</p><p>例子：</p><p><metaname=generatorcontent=”visualstudio”></p><p>说明编辑本网页的软件名称</p><p>meta>Name属性值：</p><p>author</p><p>例子：</p><p><metaname=authorcontent=”rty”></p><p>网页作者</p><p>meta>Name属性值：</p><p>copyright</p><p>例子：</p><p><metaname=copyrightcontent=”版权声明”></p><p>版权声明</p><p> </p><p><meta>Http-equiv属性值</p><p> </p><p><meta>Http-equiv是用来模拟响应消息头的</p><p>消息头可以说是服务器给浏览器发送的“暗号”，查看源码是看不见的</p><p><meta>http-equiv>属性值：</p><p>Content-type:</p><p>用来告诉浏览器该网页的mime类型和使用的字符集编码</p><p>例如：</p><p><metahttp-equiv=”Content-type”content=”text/html;charset=gb2312”></p><p>告诉浏览器该文档为html文档，使用gb2312来编码（如果当前浏览器不是gb2312，则自动设置为gb2312来编码此文档）</p><p><meta>http-equiv属性值：</p><p>refresh</p><p>刷新浏览器</p><p>例子：</p><p><mateahttp-equiv-“refresh”content=”1；url=”></p><p>告诉浏览器：</p><p>在1秒中后刷新当前网页到</p><p>如果为：</p><p><mateahttp-equiv-“refresh”content=”1></p><p>则就是每隔1秒钟，自动刷新当前网页</p><p> </p><p><meta>http-equiv属性值：</p><p>expires</p><p>Expires头</p><p>用于设置网页的到期时间:</p><p>解释,缓存页面后，以后浏览器都从缓存中读取，而不是从服务器上下载</p><p>直到到期了，缓存页面无效，则又从服务器下载该页面</p><p>例子：</p><p><metahttp-equiv=”Expires”content=”Mon,12May200100:</p><p>20:</p><p>00GMT”></p><p>如果将content设置为0，可以禁止浏览器缓存页面</p><p><meta>http-equiv属性值：</p><p>windows-target</p><p>强制某个页面在某个固定窗口显示</p><p>比如防止自己的网页被显示在frame中</p><p>例子：</p><p><metahttp=equiv=”windows-target”content=”_top”></p><p>强制显示最顶级窗口，就不会被显示在frame中了</p><p> </p><p><meta>http-equiv属性值：</p><p>pragma</p><p>禁止浏览器在当前计算机缓存该页面</p><p>例子：</p><p><metahttp-equiv=”pragma”content=”no-cache”></p><p>或者</p><p><metahttp-equiv=”cache-control”content=”no-cache”></p><p>（后面这个更为可靠）</p><p>来禁止缓存页面</p><p><meta>http-equiv属性值：</p><p>page-enter或page-exit</p><p>在浏览器刚进入某个页面，或者离开某个页面时的特殊效果</p><p>进入效果例子：</p><p>（这里只有html代码，需要结合css）</p><p><metahttp-equiv=”page-enter”content=”revealTrans（transition=23,Duration=1.000）”></p><p>其中:</p><p>transition为显示类型</p><p>Duration为显示持续的时间</p><p> </p><p> </p><p>头元素<head></head></p><p>里面包含的标签是：</p><p><base></base></p><p><title></title></p><p><meta></meta></p><p><link></link></p><p><base></base></p><p> </p><p><link></link></p><p><link>的属性：</p><p>Href:</p><p>目标关联文件的url（必须的）</p><p>Rel和rev定义资源之间的关系类型（必选其一rel和rev一样）</p><p>1stylesheet:</p><p>外部样式表</p><p>例如</p><p><linkrel=”stylesheet”type=”text/css”href=”url”></p><p>2ShortcutIcon:</p><p>浏览器地址栏图标，收藏夹图标（16*16px）</p><p>例如：</p><p><linkrel=”shortcuticon”href=”xxx.ico”></p><p>（其他不常用，不列举）</p><p>Title说明2个连接之间的关系（可选）</p><p>Type目标资源的mime类型（html->type=”text/html”css->type=”text-css”javascript->type=”text/javascript”）</p><p>Media用于说明目标资源被接收的媒体或介质（一个网页有多种输出方式，通过指定media属性，可让目标资源只能在特定的媒介上起作用）</p><p>Media值：</p><p>screen（默认屏幕），print（打印机），projection（投影机），aural（扬声器），braille（触觉感觉设备上供盲人使用），tty（电传打字机），tv（电视机），all（所有以上设备都有效）。</p><p> </p><p>分区标签</p><p><div></div></p><p><span></span></p><p>注意:</p><p><div></div>是不能嵌套在之中的</p><p><div></div>的强大主要显示在：</p><p>客户端脚本编程和级联样式表</p><p><div></div>与<span></span>区别：</p><p><div>中是完整的一个html代码</p><p><span>可以嵌入在一个代码中</p><p> </p><p>图片显示区别：</p><p>源码：</p><p>效果：</p><p><div>中的aaa为一块区域，所以bbb换到下一行</p><p><span>中的不换分隔开所以为aaabbb</p><p> </p><p>2010年5月14日17:</p><p>47:</p><p>08开始</p><p>完成2010年5月15日18:</p><p>08:</p><p>31</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("20");
var id = "2786917";
var total_page = "17";
var mfull = false;
var mshow = false;
function DownLoad() {
window.location.href='https://m.bingdoc.com/d-2786917.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="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-3252673.html" title="第一部分 专题五 第2讲.docx">第一部分 专题五 第2讲.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-16281462.html" title="第一部份专题五第2讲.docx">第一部份专题五第2讲.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-16509837.html" title="第一部分专题五第2讲电学实验.docx">第一部分专题五第2讲电学实验.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-9381298.html" title="第一部分 专题八 第2讲.docx">第一部分 专题八 第2讲.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-2188252.html" title="第一部分 专题一 第1讲.docx">第一部分 专题一 第1讲.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-5819262.html" title="第一部分 专题五 第2讲Word文档下载推荐.docx">第一部分 专题五 第2讲Word文档下载推荐.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-7713652.html" title="专题一第五讲第2学时.docx">专题一第五讲第2学时.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-17767430.html" title="第一部份专题七第2讲.docx">第一部份专题七第2讲.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-9961131.html" title="历史第一部分专题一第3讲.docx">历史第一部分专题一第3讲.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-10298479.html" title="第一部分 专题四 第3讲.docx">第一部分 专题四 第3讲.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.bingdoc.com/p-103563.html" target="_parent" title="文山壮族苗族自治州砚山县(卫生类)招聘考试《护理学》试卷文档格式.docx">文山壮族苗族自治州砚山县(卫生类)招聘考试《护理学》试卷文档格式.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-103564.html" target="_parent" title="武川县电信公司招聘《公共基础知识》试题及答案Word下载.docx">武川县电信公司招聘《公共基础知识》试题及答案Word下载.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-103565.html" target="_parent" title="酒店宾馆工程部工作计划.docx">酒店宾馆工程部工作计划.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-103566.html" target="_parent" title="酒店客房中心答客问100题.docx">酒店客房中心答客问100题.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-103567.html" target="_parent" title="许昌县中医院《医学基础知识》招聘试题及答案.docx">许昌县中医院《医学基础知识》招聘试题及答案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-103568.html" target="_parent" title="雅江县上半年事业单位计算机岗位专业知识试题.docx">雅江县上半年事业单位计算机岗位专业知识试题.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-103569.html" target="_parent" title="掘进巷道探放水设计及安全技术措施.docx">掘进巷道探放水设计及安全技术措施.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-103570.html" target="_parent" title="盐边县电网员工招聘试题及答案.docx">盐边县电网员工招聘试题及答案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-103571.html" target="_parent" title="凯氏定氮法测定食品中氮含量.docx">凯氏定氮法测定食品中氮含量.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.bingdoc.com/search.html?q=%e7%ac%ac%e4%b8%80">第一</a></li> <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=%e9%ab%98%e7%ba%a7">高级</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.com/search.html?q=%e9%83%a8%e5%88%86">部分</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/diyibufenzhuantiwudi2jiangdiyi.html" >第一部分专题五第2讲第一</a></li><li class="tagPopup"><a class="tag tag1" href="https://m.bingdoc.com/mark/diyihtmlgaojibufen.html" >第一Html高级部分</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag1" href="https://m.bingdoc.com/mark/diyibufenzhuantiyidi1jiangdiyi.html">第一部分专题一第1讲第一</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag2" href="https://m.bingdoc.com/mark/diwubufenhuibidiwubufen.html">第五部分回避第五部分</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag3" href="https://m.bingdoc.com/mark/diwubufenshuichulidiwubufen.html">第五部分水处理第五部分</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag4" href="https://m.bingdoc.com/mark/atlwtldiwubufen.html">ATLWTL第五部分</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag0" href="https://m.bingdoc.com/mark/diti.docx.html">第题.docx</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag1" href="https://m.bingdoc.com/mark/diyibufenzhuanti11diyibufen.html">第一部分专题11第一部分</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag2" href="https://m.bingdoc.com/mark/di2zhangweizhuantiyizhuanti.html">第2章微专题一专题</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag3" href="https://m.bingdoc.com/mark/diwubufenbiaodandiwubufen.html">第五部分表单第五部分</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag4" href="https://m.bingdoc.com/mark/diyibufenzhuantidiyijie.html">第一部分专题第一节</a></li>
</ul>
</div>
<br />
<div >
当前位置：<a target="_parent" href="https://m.bingdoc.com/">首页</a> >
<a href="https://m.bingdoc.com/booklist-00008.html">PPT模板</a><span> > </span><a href="https://m.bingdoc.com/booklist-0000800001.html">商务科技</a>
</div>
<br />
<div class="cssnone">
<iframe title="来源" src="https://m.bingdoc.com/BookRead.aspx?id=izd2TPGGhzA%3d&parto=aMZKIzaqG%2b%2bykR3LBem3GHe1fHGUGFVkV9OGUFCGXwjoKGlBAZnAAxOMoARTmBA9J6UCWKKAMqiC8FCGpbsc8LBpOBFYKyNe%2beEit96SvnlUqpOHIcG4SXldUmrJwQaWOe3XD1bVzBK1INRh19qexzblPGmt0G0mncs44yGWd6Hzhrq5pQfDU7LTvnNzv3cS2UHqnRHStwBD52JW90%2fi9hDZIU0aB425" 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-2786917.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx3a9604896163fa38', // 必填，公众号的唯一标识
timestamp: '1719567123', // 必填，生成签名的时间戳
nonceStr: '1543843A4723ED2AB08E18053AE6DC5B', // 必填，生成签名的随机串
signature: 'c3984bf96161ebbe5ca0d9c54af5a9c79c0e9c7d',// 必填，签名，见附录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-2786917.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx3a9604896163fa38', // 必填，公众号的唯一标识
timestamp: '1719567123', // 必填，生成签名的时间戳
nonceStr: '1543843A4723ED2AB08E18053AE6DC5B', // 必填，生成签名的随机串
signature: 'c3984bf96161ebbe5ca0d9c54af5a9c79c0e9c7d',// 必填，签名，见附录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>
]]>