深入HTML.docx
《深入HTML.docx》由会员分享，可在线阅读，更多相关《深入HTML.docx（14页珍藏版）》请在冰豆网上搜索。
深入HTML
在网络上，随处都可以看到像报纸那样的格式化分栏。
HTML布局-使用表格
OneverycommonpracticewithHTML,istouseHTMLtablestoformatthelayoutofanHTMLpage.
Apartofthispageisformattedwithtwocolumns,likeanewspaperpage.
Asyoucanseeonthispage,thereisaleftcolumnandarightcolumn.
Thistextisdisplayedintheleftcolumn.
AnHTML
Thetrickistouseatablewithoutborders,andmaybealittleextracell-padding.
Nomatterhowmuchtextyouaddtothispage,itwillstayinsideitscolumnborders.
同样的布局-添加了颜色
Asyoucanseeatthispage,thereisaleftcolumnandarightcolumn.
Thistextisdisplayedintherightcolumn.
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。
实例
垂直框架
本例演示：
如何使用三份不同的文档制作一个垂直框架。
水平框架
如何使用三份不同的文档制作一个水平框架。
（可以在本页底端找到更多实例。
）
框架
每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。
使用框架的坏处：
∙开发人员必须同时跟踪更多的HTML文档
∙很难打印整张页面
框架结构标签（
∙框架结构标签（
∙每个frameset定义了一系列行或列
∙rows/columns的值规定了每行或每列占据屏幕的面积
编者注：
frameset标签也被某些文章和书籍译为框架集。
框架标签（Frame）
Frame标签定义了放置在每个框架中的HTML文档。
在下面的这个例子中，我们设置了一个两列的框架集。
第一列被设置为占据浏览器窗口的25%。
第二列被设置为占据浏览器窗口的75%。
HTML文档"frame_a.htm"被置于第一个列中，而HTML文档"frame_b.htm"被置于第二个列中：
基本的注意事项-有用的提示：
假如一个框架有可见边框，用户可以拖动边框来改变它的大小。
为了避免这种情况发生，可以在标签中加入：
noresize="noresize"。
为不支持框架的浏览器添加标签。</p><p>重要提示：</p><p>不能将<body></body>标签与<frameset></frameset>标签同时使用！</p><p>不过，假如你添加包含一段文本的<noframes>标签，就必须将这段文字嵌套于<body></body>标签内。</p><p>（在下面的第一个实例中，可以查看它是如何实现的。</p><p>）</p><p>在HTML中，字体标签是不被支持的。</p><p>一般都认为，在今后版本的HTML中，这个标签会被清除出去。</p><p>即使很多人都在用它，我们都应该尽量避免它，而使用样式取而代之。</p><p>字体标签font</p><p>使用类似下面的HTML代码，你可以定义浏览器输出的尺寸和类型：</p><p><p><fontsize="2"face="Verdana"></p><p>Thisisaparagraph.</p><p></font></p></p><p><p><fontsize="3"face="Times"></p><p>Thisisanotherparagraph.</p><p></font></p></p><p>TIY</p><p>字体属性</p><p>属性</p><p>例子</p><p>作用</p><p>size="number"</p><p>size="2"</p><p>定义字体大小。</p><p>size="+number"</p><p>size="+1"</p><p>增加字体的大小。</p><p>size="-number"</p><p>size="-1"</p><p>减少字体的大小。</p><p>face="face-name"</p><p>face="Times"</p><p>定义字体名称。</p><p>color="color-value"</p><p>color="#eeff00"</p><p>定义字体颜色。</p><p>color="color-name"</p><p>color="red"</p><p>定义字体颜色。</p><p>请不要使用字体标签</p><p>在最新的HTML版本（HTML4和XHTML）中，字体标签已被废弃。</p><p>万维网联盟已从其标准中删除了字体标签，在未来，样式表（CSS）将用来定义布局，以及显示HTML元素的属性。</p><p>实例</p><p>文档的标题</p><p>头元素内部的标题信息不会显示在浏览器窗口中。</p><p>一个target，所有的链接</p><p>本例显示如何使用base标签使页面中的所有标签在新窗口中打开。</p><p>头元素</p><p>头元素包含关于文档的概要信息，也称为元信息（meta-information）。</p><p>Meta意为“关于某方面的信息”。</p><p>可以这么说，元数据（meta-data）是关于数据的信息，而元信息是关于信息的信息。</p><p>头元素内的信息</p><p>头元素内的元素不会被浏览器显示出来。</p><p>根据HTML标准，仅有几个标签在HTML的头部分是合法的。</p><p>它们是：</p><p><base>,<link>,<meta>,<title>,<style>和<script>。</p><p>这是一个不合法的结构：</p><p><head></p><p><p>Thisissometext</p></p><p></head></p><p>在这个案例中，浏览器有两种选择：</p><p>∙显示文本，因为它在段落元素中。</p><p>∙隐藏文本，因为它在头元素中。</p><p>假如你将<h1>或者<p>之类的HTML元素像这样置于头元素之中，大多数浏览器都会显示它，即使这是非法的。</p><p>浏览器真的应该忽略这个的错误吗？</p><p>我们不这么认为。</p><p>即使别人这么认为。</p><p>Head标签</p><p>标签</p><p>描述</p><p><head></p><p>定义关于文档的信息。</p><p><title></p><p>定义文档标题。</p><p><base></p><p>定义页面中所有链接的基准URL。</p><p><link></p><p>定义资源引用。</p><p><meta></p><p>定义元信息。</p><p>标签</p><p>描述</p><p><!</p><p>DOCTYPE></p><p>定义文档类型。</p><p>此标签须位于html标签之前。</p><p>HTML链接</p><p>当你单击HTML文档中的某个链接时，就像这个：</p><p>最后一页，其中的<a>标签就会使用类似这样的href属性值指向一个网络上的地址：</p><p><ahref="lastpage.htm">LastPage</a></p><p>在这个例子中，LastPage的链接地址是相对于你所浏览的网站而言的，你的浏览器会自动构建一个完整的网址来访问这个页面，比如</p><p>URL（统一资源定位器）</p><p>一个称为URL（统一资源定位器）的东西用于对万维网上的文档（或其他数据）进行寻址。</p><p>一个完整的网址，例如：</p><p>scheme:</p><p>//host.domain:</p><p>port/path/filename</p><p>Scheme定义因特网服务的类型。</p><p>最流行的类型是http。</p><p>domain（域）定义因特网域名，比如：</p><p>。</p><p>host（主机）定义此域中的主机。</p><p>如果被省略，缺省的支持http的主机是www。</p><p>:</p><p>port（端口）定义主机的端口号。</p><p>端口号通常是被省略的。</p><p>缺省的端口号是80。</p><p>path（路径）定义服务器上的路径（一个辅助的路径）。</p><p>如果路径被省略，资源（文档）会被定位到网站的根目录。</p><p>filename（文件名）定义文档的名称。</p><p>缺省的文件名一般会是default.asp或者index.html，或者依据WEB服务器设置的其他文件名。</p><p>编者注：</p><p>URL的英文全称是UniformResourceLocator，中文也译为“统一资源定位符”。</p><p>URLSchemes</p><p>以下是其中一些最流行的scheme：</p><p>Schemes</p><p>访问</p><p>file</p><p>本地PC上的文件。</p><p>ftp</p><p>FTP服务器上的文件。</p><p>http</p><p>WorldWideWeb服务器上的文件。</p><p>gopher</p><p>Gopher服务器上的文件。</p><p>news</p><p>Usenet新闻组。</p><p>telnet</p><p>Telnet连接。</p><p>WAIS</p><p>WAIS服务器上的文件。</p><p>访问新闻组</p><p>以下HTML代码创建一个指向新闻组的链接：</p><p><ahref="news:</p><p>alt.html">HTMLNewsgroup</a></p><p>这个链接显示如下：</p><p>HTMLNewsgroup</p><p>使用FTP进行下载</p><p>以下HTML代码创建一个下载文件的链接：</p><p><ahref="ftp:</p><p>//WinZip</a></p><p>这个链接显示如下：</p><p>DownloadWinZip</p><p>（这个链接是无法工作的，它仅仅是个例子，所以无需尝试。</p><p>我们没有提供FTP目录。</p><p>）</p><p>链接到邮件系统</p><p>以下HTML代码创建一个指向您的邮件系统的链接：</p><p><ahref="mailto:</p><p>someone@">someone@</a></p><p>这个链接显示如下：</p><p>someone@</p><p>向HTML添加脚本（Script），使其动态性和交互性更强。</p><p>实例</p><p>插入一段脚本</p><p>本例演示如何将脚本插入HTML文档。</p><p>运行于不支持脚本的浏览器</p><p>本例演示如何对付不支持脚本的浏览器。</p><p>将脚本插入HTML页</p><p>HTML中的脚本使用<script>标签进行定义。</p><p>请注意你可以使用type属性来指定脚本语言。</p><p><html></p><p><head></p><p></head></p><p><body></p><p><scripttype="text/javascript"></p><p>document.write（"HelloWorld!</p><p>"）</p><p></script></p><p></body></p><p></html></p><p>上面的脚本输出以下结果：</p><p>HelloWorld!</p><p>提示：</p><p>如果需要学习更多有关在HTML中编写脚本的知识，请访问我们的《JavaScript教程》</p><p>如何应付老式的浏览器</p><p>如果浏览器压根没法识别<script>标签，那么<script>标签所包含的内容将以文本方式显示在页面上。</p><p>为了避免这种情况发生，你应该将脚本隐藏在注释标签当中。</p><p>那些老的浏览器（无法识别<script>标签的浏览器）将忽略这些注释，所以不会将标签的内容显示到页面上。</p><p>而那些新的浏览器将读懂这些脚本并执行它们，即使代码被嵌套在注释标签内。</p><p>实例</p><p>JavaScript:</p><p><scripttype="text/javascript"></p><p><!</p><p>--</p><p>document.write（"HelloWorld!</p><p>"）</p><p>//--></p><p></script></p><p>VBScript:</p><p><scripttype="text/vbscript"></p><p><!</p><p>--</p><p>document.write（"HelloWorld!</p><p>"）</p><p>'--></p><p></script></p><p><noscript>标签</p><p>除了将脚本隐藏于注释中，你还可以添加<noscript>标签。</p><p><noscript>标签用于定义假如脚本没有执行时的替代文本。</p><p>这个标签被用于以下情况：</p><p>如果浏览器能够识别<script>标签，但是不支持其中的脚本，那么这些浏览器将显示出<noscript>标签内部的文本。</p><p>不过，如果浏览器支持<script>内的脚本，那么浏览器将忽略<noscript>标签。</p><p>JavaScript:</p><p><scripttype="text/javascript"></p><p><!</p><p>--</p><p>document.write（"HelloWorld!</p><p>"）</p><p>//--></p><p></script></p><p><noscript>YourbrowserdoesnotsupportJavaScript!</p><p></noscript></p><p>VBScript:</p><p><scripttype="text/vbscript"></p><p><!</p><p>--</p><p>document.write（"HelloWorld!</p><p>"）</p><p>'--></p><p></script></p><p><noscript>YourbrowserdoesnotsupportVBScript!</p><p></noscript></p><p>标签</p><p>描述</p><p><script></p><p>定义脚本。</p><p><noscript></p><p>定义在脚本无法执行的情况下的替代文本。</p><p><object></p><p>定义嵌入的对象。</p><p><param></p><p>为对象定义run-time设置（参数）。</p><p><applet></p><p>不赞成使用。</p><p>请使用<object>。</p><p>HTML标签可拥有属性。</p><p>这里列出的属性是通用于每个标签的核心属性和语言属性（有个别例外）。</p><p>我们在HTML4.01/XHTML1.0参考手册中提供了各标签特殊属性的详细信息。</p><p>核心属性（CoreAttributes）</p><p>以下标签不提供下面的属性：</p><p>base、head、html、meta、param、script、style以及title元素。</p><p>属性</p><p>值</p><p>描述</p><p>class</p><p>classname</p><p>规定元素的类名（classname）</p><p>id</p><p>id</p><p>规定元素的唯一id</p><p>style</p><p>style_definition</p><p>规定元素的行内样式（inlinestyle）</p><p>title</p><p>text</p><p>规定元素的额外信息（可在工具提示中显示）</p><p>语言属性（LanguageAttributes）</p><p>以下标签不提供下面的属性：</p><p>base、br、frame、frameset、hr、iframe、param以及script元素。</p><p>属性</p><p>值</p><p>描述</p><p>dir</p><p>ltr|rtl</p><p>设置元素中内容的文本方向。</p><p>lang</p><p>language_code</p><p>设置元素中内容的语言代码。</p><p>语言代码参考</p><p>xml:</p><p>lang</p><p>language_code</p><p>设置XHTML文档中元素内容的语言代码。</p><p>语言代码参考</p><p>键盘属性（KeyboardAttributes）</p><p>属性</p><p>值</p><p>描述</p><p>accesskey</p><p>character</p><p>设置访问元素的键盘快捷键。</p><p>tabindex</p><p>number</p><p>设置元素的Tab键控制次序。</p><p>HTML4的新特性之一是可以使HTML事件触发浏览器中的行为，比方说当用户点击某个HTML元素时启动一段JavaScript。</p><p>在现代浏览器中都内置有大量的事件处理器。</p><p>这些处理器会监视特定的条件或用户行为，例如鼠标单击或浏览器窗口中完成加载某个图像。</p><p>通过使用客户端的JavaScript，可以将某些特定的事件处理器作为属性添加给特定的标签，并可以在事件发生时执行一个或多个JavaScript命令或函数。</p><p>事件处理器的值是一个或一系列以分号隔开的Javascript表达式、方法和函数调用，并用引号引起来。</p><p>当事件发生时，浏览器会执行这些代码。</p><p>例如，当您把鼠标移动到一个超链接时，会启动一个JavaScript函数。</p><p>支持JavaScript的浏览器支持<a>标签中的一个特殊的"mouseover"事件处理器-被称为onmouseover来完成这项工作：</p><p><ahref="/index.html"onmouseover="alert（'Welcome'）;returnfalse"></a></p><p>如需学习更多有关事件编程方面的知识，请访问W3School提供的JavaScript教程和DHTML教程。</p><p>下面的表格提供了标准的事件属性，可以把它们插入HTML/XHTML元素中，以定义事件行为。</p><p>窗口事件（WindowEvents）</p><p>仅在body和frameset元素中有效。</p><p>属性</p><p>值</p><p>描述</p><p>onload</p><p>脚本</p><p>当文档载入时执行脚本</p><p>onunload</p><p>脚本</p><p>当文档卸载时执行脚本</p><p>表单元素事件（FormElementEvents）</p><p>仅在表单元素中有效。</p><p>属性</p><p>值</p><p>描述</p><p>onchange</p><p>脚本</p><p>当元素改变时执行脚本</p><p>onsubmit</p><p>脚本</p><p>当表单被提交时执行脚本</p><p>onreset</p><p>脚本</p><p>当表单被重置时执行脚本</p><p>onselect</p><p>脚本</p><p>当元素被选取时执行脚本</p><p>onblur</p><p>脚本</p><p>当元素失去焦点时执行脚本</p><p>onfocus</p><p>脚本</p><p>当元素获得焦点时执行脚本</p><p>图像事件（ImageEvents）</p><p>该属性可用于img元素：</p><p>属性</p><p>值</p><p>描述</p><p>onabort</p><p>脚本</p><p>当图像加载中断时执行脚本</p><p>键盘事件（KeyboardEvents）</p><p>在下列元素中无效：</p><p>base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,以及title元素。</p><p>属性</p><p>值</p><p>描述</p><p>onkeydown</p><p>脚本</p><p>当键盘被按下时执行脚本</p><p>onkeypress</p><p>脚本</p><p>当键盘被按下后又松开时执行脚本</p><p>onkeyup</p><p>脚本</p><p>当键盘被松开时执行脚本</p><p>鼠标事件（MouseEvents）</p><p>在下列元素中无效：</p><p>base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素。</p><p>属性</p><p>值</p><p>描述</p><p>onclick</p><p>脚本</p><p>当鼠标被单击时执行脚本</p><p>ondblclick</p><p>脚本</p><p>当鼠标被双击时执行脚本</p><p>onmousedown</p><p>脚本</p><p>当鼠标按钮被按下时执行脚本</p><p>onmousemove</p><p>脚本</p><p>当鼠标指针移动时执行脚本</p><p>onmouseout</p><p>脚本</p><p>当鼠标指针移出某元素时执行脚本</p><p>onmouseover</p><p>脚本</p><p>当鼠标指针悬停于某元素之上时执行脚本</p><p>onmouseup</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 = "11119688"; var total_page = "14"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/11119688.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-2/24/a2f0ede7-dbd4-415a-ad60-71b77c94d6bd/a2f0ede7-dbd4-415a-ad60-71b77c94d6bd"; var freepage = parseInt('14'); var total_c = parseInt('14'); 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;"; 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/30873137.html" title="使用吊索具吊运大型工件的注意事项.docx">使用吊索具吊运大型工件的注意事项.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872631.html" title="绿色施工记录.docx">绿色施工记录.docx</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872620.html" title="提高住院部医生交接班制度落实率PDCAppt课件 (1).ppt">提高住院部医生交接班制度落实率PDCAppt课件 (1).ppt</a> </li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872613.html" title="《小学语文关于整本书阅读的策略研究》课题研究方案.doc">《小学语文关于整本书阅读的策略研究》课题研究方案.doc</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872175.html" title="最新国有企业管理人员处分条例讲解PPT.pptx">最新国有企业管理人员处分条例讲解PPT.pptx</a> </li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872157.html" title="名著《西游记》专项练习题附答案.doc">名著《西游记》专项练习题附答案.doc</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872002.html" title="海洋环境保护法内容实用动态课件.pptx">海洋环境保护法内容实用动态课件.pptx</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871396.html" title="数据、模型与决策-教学课件作者-李连友-第6章-方差分析.ppt">数据、模型与决策-教学课件作者-李连友-第6章-方差分析.ppt</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871159.html" title="mect治疗前后护理.pptx">mect治疗前后护理.pptx</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30870912.html" title="数据资产管理在腾讯游戏的实践共37页文档.ppt">数据资产管理在腾讯游戏的实践共37页文档.ppt</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/9720823.html" target="_parent" title="六年级下册品德教案.docx">六年级下册品德教案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9720824.html" target="_parent" title="凝血功能检测讲解学习.docx">凝血功能检测讲解学习.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9720825.html" target="_parent" title="慢病自我管理制度小组活动要求.docx">慢病自我管理制度小组活动要求.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9720826.html" target="_parent" title="南阳理工软件学院春季运动会赞助方案.docx">南阳理工软件学院春季运动会赞助方案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9720827.html" target="_parent" title="经理人《商战金口才》商战致胜 激励员工.docx">经理人《商战金口才》商战致胜 激励员工.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9720828.html" target="_parent" title="细胞生物学格式教案.docx">细胞生物学格式教案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9720829.html" target="_parent" title="小学三年级句型转换方法及练习.docx">小学三年级句型转换方法及练习.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9720830.html" target="_parent" title="论文胜任才是硬道理.docx">论文胜任才是硬道理.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9720831.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.bdocx.com/search.html?q=%e6%b7%b1%e5%85%a5">深入</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> </ul> </div> <br /> <div > 当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> > <a href="https://m.bdocx.com/booklist-00002.html">经管营销</a><span> > </span><a href="https://m.bdocx.com/booklist-0000200004.html">财务管理</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=oKhgJpbQwFTgE3hztdTxaQ%3d%3d&parto=eGHUrfS9XCOFlphQNaakH4JN2g3lLhj16MbbuQHZHmbumSaqjjrvqHzZ%2bTIQjjx2DmhKs09CSnw9Yj8ueFBiQHxXYDCd2MKPGh9JzBglYj5B5O0m8OnXKiwuAtKgAjZzUpdMeD0QVUbDwnFDCCg2q2KfiPgUdsVMWQkjoAMVo5y0ipIm9WCoMnzUkCurhu%2b3G2tesfJA29uZzTS%2bM6iNIVuu%2f8ClI%2ff%2f" 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/11119688.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1726652249', // 必填，生成签名的时间戳 nonceStr: '61B4A64BE663682E8CB037D9719AD8CD', // 必填，生成签名的随机串 signature: '2f44828a4f447912e6d57040d6edc2467e962f60',// 必填，签名，见附录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/11119688.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1726652249', // 必填，生成签名的时间戳 nonceStr: '61B4A64BE663682E8CB037D9719AD8CD', // 必填，生成签名的随机串 signature: '2f44828a4f447912e6d57040d6edc2467e962f60',// 必填，签名，见附录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>