dommodel.docx

4

HTMLFormElement

对应XHTML文档的表单

5

HTMLSelectElement

对应XHTML文档的列表，下拉菜单

6

HTMLOptionElement

对应XHTML文档的

列表，下拉菜单的选项

7

HTMLInputElement

对应XHTML文档的单行文本框，密码框，按钮等

8

HTMLTableElement

对应XHTML文档的

9

HTMLTableCaptionElement

对应XHTML文档的

表格的标题

10

HTMLTableColElement

对应XHTML文档的表格的列

11

HTMLTableCellElement

对应XHTML文档的

表格的单元格 12 HTMLOlElement 对应XHTML文档的 13 HTMLULElement 对应XHTML文档的 14 HTMLLIElement 对应XHTML文档的 3.2.3、XHTML元素之间常见的包含关系 从图中可以看出，HTMLDocument对象作为整个HTML文档的最大对象，里面可能包含一个HTMLBodyElement对象，HTML文档中还有两个对象体系： 表单对象和表格对象。 表单对象里可以包含基本的输入对象，还可以包含元素，元素还可以包含多个元素。 表格对象可以包含标题控件（HTMLTableCaptionElement），还可以包含多个表格行控件（HTMLColElement），每个表格行又可以包含多个单元格控件（HTMLTableCellElement）. 3.3、访问XHTML元素 DOM提供了两种方式来访问XHTML元素： 1、根据ID来访问XHTML元素 2、利用节点关系来访问XHTML元素 3.3.1、根据ID访问XHTML元素 根据ID访问XHTML元素主要由如下方法实现： NO 方法 说明 1 document.getElementById（idval） 返回文档中Id属性值为val的XHTML元素 示例代码： 3.3.2、利用节点关系来访问XHTML元素 利用节点关系访问XHTML元素的常用属性或方法如下： NO 属性/方法 说明 1 parentNode 返回当前节点的父节点，只读属性 2 previousSlibling 返回当前节点的前一个兄弟节点，只读属性 3 nextSibling 返回当前节点的后一个兄弟节点 4 childNodes 返回当前节点的所有子节点 5 getElementsByTagName（tagName） 返回当前节点的具有指定标签名的所有子节点 6 firstChild 返回当前节点的第一个子节点 7 lastChild’ 返回当前节点的最后一个子节点 8 示例代码： （） 3.3.3、访问表单域属性 表单在DOM中由HTMLFormElement对象表示，该对象除了可以调用前面介绍的基本属性和方法还有如下属性和方法： （详解API） NO 属性/方法 1 Action 2 Elements 3 Length 4 Method 5 Target 6 reset（） 7 submit（） 示例代码： （） 3.3.4、访问列表框，下拉菜单 HTMLSelectElement代表一个列表框或下拉菜单，常见的属性和方法如下： NO 属性/方法 说明 1 Form 2 Length 3 Options 4 selectedIndex 5 Type 6 Select.options[index] 7 HTMLOptionElement代表列表框，下拉框的选项。 常见的属性和方法如下： NO 属性/方法 1 Form 2 defaultSelected 3 index 4 selected 5 text 6 Value 示例代码：   3.3.5、访问表格子元素 HTMLTableElement代表表格，常用的属性和方法如下： NO 属性/方法 1 Caption 2 Rows 3 tBodies 4 tFoot 5 tHead 6 Table.rows[index] 7 HTMLTableRowElement代表表格行，常用属性和方法如下： NO 属性/方法 1 Cells 2 rowIndex 3 selectionRowIndex 4 HTMLTableCellElement代表单元格，常用属性和方法如下： NO 属性/方法 1 cellIndex 2 示例代码： （） 3.4、修改XHTML元素 通过修改XHTML元素就可以实现动态更新XHTML页面的目的了，修改节点通常就是修改节点的内容，节点的属性，节点的CSS样式。 修改XHTML元素通常通过修改如下几个常用属性来实现： 1、innerHTML： 大部分XHTML页面元素的显示内容由该属性控制。 （ 、

…） 2、value： 少量的表单控件的显示内容有该属性控制。 （、）</p><p>3、className：</p><p>修改XHTML元素的CSS样式，该属性的合法值是一个class选择器名</p><p>4、style：</p><p>修改XHTML元素的内联样式</p><p>5、options[index]：</p><p>直接对<select>元素的指定列表项赋值，可改变列表框，下拉菜单的指定列表项。</p><p>示例代码：</p><p>（）</p><p>3.5、新增XHTML元素</p><p>JavaScript脚本可以为DOM动态新增节点，程序为DOM树新增节点时，页面会动态地新增XHTML元素，当需要为页面新增XHTML元素时，可按照如下两个步骤操作：</p><p>1、创建或复制节点</p><p>2、直接添加新节点</p><p>3.5.1、创建或复制节点</p><p>创建节点通常借助与document对象的createElement方法，语法如下：</p><p>document.createElement（Tag）：</p><p>创建Tag标签对应的节点。</p><p>示例代码：</p><p>（）</p><p>3.5.2、添加节点</p><p>当一个节点创建成功后，将节点添加到DOM中才行，对于普通的节点，可采用Node对象的如下方法添加节点：</p><p>NO</p><p>方法</p><p>1</p><p>appendChild（NodenewNode）</p><p>2</p><p>insertBefore（NodenewNode,NoderefNode）</p><p>3</p><p>replaceChild（NodenewNode,NodeoldChild）</p><p>示例代码：</p><p>（）</p><p>3.5.3、为列表框，下拉菜单增加选项</p><p>为列表框，下拉菜单添加子节点，有如下两个方法：</p><p>1、调用HTMLSelectElement的add（）方法添加选项</p><p>2、直接为<select>的指定选项赋值</p><p>HTMLSelectElement中添加新选项方法如下：</p><p>NO</p><p>方法</p><p>说明</p><p>1</p><p>add（HTMLOptionElementoption,HTMLOptionElementbefore）</p><p>示例代码：</p><p>（）</p><p>IE6中不允许使用add（）方法时指定最后一个参数为null，还可直接创建Option的方式创建下拉选项。</p><p>可使用如下构造器：</p><p>NO</p><p>构造器</p><p>1</p><p>NewOption（text,value,defaultSelected,selected）</p><p>该构造器中4个参数说明如下：</p><p>|-text：</p><p>该选项的文本，即该选项所呈现的内容</p><p>|-value：</p><p>选中该选项的值</p><p>|-defaultSelected：</p><p>设置默认是否选中该选项</p><p>|-selected：</p><p>设置该选项当前是否被选中</p><p>示例代码：</p><p>（）</p><p>3.5.4、动态添加表格内容</p><p>HTMLTableElement对象有如下方法添加元素：</p><p>NO</p><p>方法</p><p>说明</p><p>1</p><p>insertRow（index）</p><p>2</p><p>createCaption（）</p><p>3</p><p>createTFoot（）</p><p>4</p><p>createTHead（）</p><p>5</p><p>HTMLTableRowElement对象代表表格的行，该对象包含如下方法添加单元格：</p><p>NO</p><p>方法</p><p>说明</p><p>1</p><p>insertCell（longindex）</p><p>示例代码：</p><p>（）</p><p>3.6、删除XHTML元素</p><p>删除XHTML元素也是通过节点来完成的，对于普通的XHTML元素，可用通用的方法来删除节点，而列表框，下拉菜单，表格，则有额外的方法来删除XHTML元素。</p><p>3.6.1、删除节点</p><p>删除节点通常借助于父节点，Node对象提供了如下方法来删除节点：</p><p>NO</p><p>方法</p><p>1</p><p>removeChild（oldNode）</p><p>从父节点中删除该子节点后，该子节点代表的内容也消失</p><p>示例代码：</p><p>（）</p><p>3.6.2、删除列表框，下拉菜单的选项</p><p>删除列表框，下拉菜单的选项有两种方法：</p><p>|-利用HTMLSelectElement对象的remove（）方法来产出选项</p><p>|-直接将指定选项赋值为null即可</p><p>示例代码：</p><p>（）</p><p>3.6.3、删除表格的行或单元格</p><p>删除表格的指定表格行使用HTMLTableElement对象的如下方法：</p><p>NO</p><p>方法</p><p>1</p><p>deleteRow（longindex）</p><p>删除表格行的指定单元格使用HTMLRowElement对象的如下方法：</p><p>NO</p><p>方法</p><p>1</p><p>deleteCell（longindex）</p><p>示例代码：</p><p>（）</p><p>3.7、传统的DHTML模型</p><p>DOM出现之前，javaScript使用的是传统的DHTML模型来访问，动态更新XHTM页面.，在DHTML模型里，各元素之间有严格的包含关系，js通过他们的id和name属性来访问他们。</p><p>使用DHTML对象模型来访问和更新XHTML页面时，需查阅相关技术手册,因为XHTML元素很多，每个XHTML元素都有很多独特的属性，方法和事件</p><p>DHTML对象模型不包含Tree结构，因此不具备对象相互导航功能。</p><p>理论上DOM模型和DHTML模型存在差异，但实际应用中我们不会区分那种方式属于DOM模型，那种方式属于DHTML，考虑最多的是如何跨浏览器，如何保持高性能。</p><p>DHTML虽然没有提供一种完备的树形结构，却也提供了一种简单的方法来访问页面中的各个子元素。</p><p>这种访问主要通过DHTML的包含关系来实现，如下图：</p><p>DHTML是DynamicHTML（动态HTML）的缩写，是HTML、CSS、Javascript这三种技术的结合。</p><p>DOM是DocumentObjectModel（文档对象模型）的缩写，是一种应用编程接口。</p><p>DHTML出现得较早。</p><p>DOM是在DHTML之后出现的，DHTML没有统一的标准，各浏览器有各自的DHTML。</p><p>DOM已经得到W3C的承认，并有新的标准，DOM版本越往后，各浏览器对DOM的支持越相近。</p><p>也即DOM比DHTML更规范。</p><p>DHTML只适用于Web文档。</p><p>DOM则涵盖了使用任何一种支持DOMAPI的程序设计语言去处理任何一种标记文档的所有情况，比如：</p><p>ASP处理XML文档，JavaScript处理Web文档。</p><p>也即DOM比DHTML功能强大。</p><p>所以，从现在开始，逐渐放弃DHTML，投身到DOM中来。</p><p>示例代码：</p><p>（）</p><p>3.8、使用window对象</p><p>window对象是整个javascript脚本运行的顶层对象，定义全局变量是作为window对象的一个属性存在，定义一个普通的函数时，是作为windows对象的方法存在。</p><p>Window提供例如如下常用方法，这些方法可直接在JavaScript脚本中直接使用：</p><p>NO</p><p>方法</p><p>1</p><p>alert（）</p><p>2</p><p>confirm（）</p><p>3</p><p>prompt（）</p><p>4</p><p>close（）</p><p>5</p><p>focus（）</p><p>6</p><p>blur（）</p><p>7</p><p>moveby（）</p><p>8</p><p>moveTo（）</p><p>9</p><p>open（）</p><p>10</p><p>print</p><p>11</p><p>risizeBy（）/resizeTo（）</p><p>12</p><p>setInterval（）/clearInterval（）</p><p>Window提供了如下常用属性：</p><p>NO</p><p>属性</p><p>1</p><p>closed</p><p>2</p><p>defaultStatus、status</p><p>3</p><p>document</p><p>4</p><p>Frames[]</p><p>5</p><p>history</p><p>6</p><p>Location</p><p>7</p><p>Name</p><p>8</p><p>Navigator</p><p>9</p><p>Parent</p><p>10</p><p>Screen</p><p>11</p><p>Self</p><p>12</p><p>Top</p><p>示例代码：</p><p>（）</p><p>3.8.1、访问历史</p><p>Window的histroy属性是一个History对象，该对象表示当前窗口的浏览历史，支持如下几个方法：</p><p>NO</p><p>方法</p><p>1</p><p>back（）</p><p>2</p><p>forward</p><p>3</p><p>go（intvalue）</p><p>示例代码：</p><p>3.8.2、浏览器对象</p><p>Window对象有个navigator属性，该属性对应于Navigator对象，该对象代表浏览该页面使用的浏览器，该对象在不同平台上的信息并不完全相同。</p><p>常用属性如下：</p><p>NO</p><p>属性</p><p>1</p><p>appName</p><p>2</p><p>appValue</p><p>3</p><p>Platform</p><p>示例代码：</p><p>（）</p><p>3.8.3、访问页面URL</p><p>Window对象还包含了location属性，该属性可以用于访问该窗口或Frame所装载文档的地址。</p><p>Location对象包含了如下常用属性：</p><p>NO</p><p>属性</p><p>1</p><p>hostname</p><p>2</p><p>href</p><p>3</p><p>host</p><p>4</p><p>Port</p><p>5</p><p>pathname</p><p>6</p><p>Protocol</p><p>示例代码：</p><p>3.8.4、客户机屏幕信息</p><p>Window对象中的Screen属性，它返回的是当前浏览器的屏幕对象，可用于获取用户屏幕当前的大小，色深，分辨率等参数。</p><p>常见属性如下：</p><p>NO</p><p>属性</p><p>1</p><p>Width</p><p>2</p><p>Hight</p><p>3</p><p>colorDepth</p><p>示例代码：</p><p>3.8.5、弹出新窗口</p><p>Window的open（）方法用于打开一个新窗口，如果结合screen对象的属性，可将打开的窗口放大到满屏效果。</p><p>示例代码：</p><p>（）</p><p>3.8.6、确认框和输入对话框</p><p>Window对象提供了还提供了如下两种对话框：</p><p>|-confirm：</p><p>用于取得用于确认（confirm）的确认框</p><p>|-prompt：</p><p>用于获得用户输入（propmt）的输入对话框</p><p>示例代码：</p><p>（）</p><p>3.8.7、使用定时器</p><p>Window提供了如下4个方法来支持定时器：</p><p>NO</p><p>方法</p><p>1</p><p>setInterval（）</p><p>2</p><p>clearInterval（）</p><p>3</p><p>setTimeout（）</p><p>4</p><p>Cleartimeout（）</p><p>示例代码：</p><p>（）</p><p>3.9、使用document对象</p><p>Document对象即是HTMLDocument类的一个实例，也是DHTML模型中的一个对象，因此，javascript的document对象即可作为HTMLDocument使用，也可以作为DHTML的document使用。</p><p>该对象除了可使用标准DOM模型的方法，还可使用如下常用方法：</p><p>NO</p><p>方法</p><p>1</p><p>Close（）</p><p>2</p><p>Open（）</p><p>3</p><p>Write（）</p><p>4</p><p>Writeln（）</p><p>常用属性如下：</p><p>NO</p><p>属性</p><p>1</p><p>alinkColor、linkColor、vlinkColor、bgColor、fgColor</p><p>2</p><p>All</p><p>3</p><p>Anchors</p><p>4</p><p>Cookie</p><p>5</p><p>documentElement</p><p>6</p><p>Forms</p><p>7</p><p>Frames</p><p>8</p><p>Images</p><p>9</p><p>lastModified</p><p>10</p><p>Links</p><p>11</p><p>Location</p><p>12</p><p>Referrer</p><p>13</p><p>Scripts</p><p>14</p><p>styleSheets</p><p>15</p><p>Title</p><p>16</p><p>URL</p><p>3.9.1、动态页面</p><p>借助于document对象的Open和write方法，可以动态生成一个页面。</p><p>示例代码：</p><p>（）</p><p>3.9.2、读写Cookie</p><p>Cookie是一些name=value对数据，这些数据可由浏览器写入客户机硬盘，也可由浏览器从客户机硬盘读取。</p><p>Cookie通常用于持久记录客户的某些信息，比如客户的用户名及客户的喜好等。</p><p>通常而言，读写Cookie都是由服务器程序控制，但实际读写Cookie的依然是浏览器，而javaScript一样可以控制浏览器读写Cookie。</p><p>使用JavaScript控制浏览器写Cookie，直接给document.cookie属性赋值即可，这个属必须为如下格式：</p><p><name>=<value>，除此之外，添加cookie时还可以指定如下几个属性：</p><p>NO</p><p>属性</p><p>说明</p><p>1</p><p>max-age</p><p>指定该cookie存活的最长有效期</p><p>2</p><p>expires</p><p>指定cookie的过期时间</p><p>3</p><p>path</p><p>指定该cookie的路径</p><p>4</p><p>domain</p><p>指定该cookie属于哪个域</p><p>5</p><p>secure</p><p>指定该cookie的安全属性</p><p>示例代码：</p><p>（）</p><p>4总结</p><p>5预习任务</p><p>6作业</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 = "6609455"; var total_page = "19"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/6609455.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/8/ed11ccba-5a11-4e7f-858c-5485101a5797/ed11ccba-5a11-4e7f-858c-5485101a5797"; var freepage = parseInt('19'); var total_c = parseInt('19'); 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;"; 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=\"dommodel.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="xls"/></em><a target="_parent" href="https://m.bdocx.com/doc/30848053.html" title="军队图书馆（室）配书目录.xls">军队图书馆（室）配书目录.xls</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847554.html" title="人教版(2019)高一物理必修第一册《序言》教案-课件(18张PPT).ppt">人教版(2019)高一物理必修第一册《序言》教案-课件(18张PPT).ppt</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847553.html" title="产品质量法—企业培训讲座.pptx">产品质量法—企业培训讲座.pptx</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847091.html" title="第三章工程项目策划.ppt">第三章工程项目策划.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30846281.html" title="第四章-系统可靠性分析.ppt">第四章-系统可靠性分析.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30846280.html" title="湘教版初中地理七上3.1《世界的人口》-课件-(共66张PPT).ppt">湘教版初中地理七上3.1《世界的人口》-课件-(共66张PPT).ppt</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30846279.html" title="王勖成《有限单元法》学习总结.pptx">王勖成《有限单元法》学习总结.pptx</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30846278.html" title="肿瘤放化疗后粒细胞减少的预防管理（文献阅读报告）.ppt">肿瘤放化疗后粒细胞减少的预防管理（文献阅读报告）.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30846277.html" title="科室会-幻灯片演讲技巧.ppt">科室会-幻灯片演讲技巧.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30846276.html" title="信息技术说课标说教材.ppt">信息技术说课标说教材.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/3941754.html" target="_parent" title="建设项目环境影响评价分类管理名录新旧对比版.docx">建设项目环境影响评价分类管理名录新旧对比版.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3941755.html" target="_parent" title="经济林栽培学复习资料.docx">经济林栽培学复习资料.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3941756.html" target="_parent" title="黑龙江省二级建造师《建设工程法规及相关知识》检测题II卷附解析.docx">黑龙江省二级建造师《建设工程法规及相关知识》检测题II卷附解析.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3941757.html" target="_parent" title="行车电气大修.docx">行车电气大修.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3941758.html" target="_parent" title="环保局个人工作总结.docx">环保局个人工作总结.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3941759.html" target="_parent" title="服装设计论文题目最新范文题目121个.docx">服装设计论文题目最新范文题目121个.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3941760.html" target="_parent" title="高考语文最新版本最新高三语文练习题及答案语文高考押题题库.docx">高考语文最新版本最新高三语文练习题及答案语文高考押题题库.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3941761.html" target="_parent" title="供水引水工程施工组织.docx">供水引水工程施工组织.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3941762.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=dommodel">dommodel</a></li> </ul> </div> <br /> <div > 当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> > <a href="https://m.bdocx.com/booklist-00012.html">党团工作</a><span> > </span><a href="https://m.bdocx.com/booklist-0001200001.html">入党转正申请</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=e1arHaQqV3Q%3d&parto=mzQ415SnCcY6%2fkhbhWcECCIRwgN5CIpI8RomPhGSI40AVMtqPxWhbaou8gG%2f%2bGjgXj43IO%2fdujbeGmdW82gy1%2fYOzM0JaaRwxKD7u5RIEp%2fOwZVk0B7d6qRW1D3fUZ4DakjGn%2fK1aJQ3paV0kKvNs4lqUKH3Ac5Q7tQvDigCvtBOZJogyEz45ombxJKMcICs1e1hy2LTXysz709rTS49r3uhcoJkdjj%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/6609455.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1721141376', // 必填，生成签名的时间戳 nonceStr: 'FE7EE8FC1959CC7214FA21C4840DFF0A', // 必填，生成签名的随机串 signature: '3983498531e787e96b40ff4ae48d05987a4133ed',// 必填，签名，见附录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/6609455.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1721141376', // 必填，生成签名的时间戳 nonceStr: 'FE7EE8FC1959CC7214FA21C4840DFF0A', // 必填，生成签名的随机串 signature: '3983498531e787e96b40ff4ae48d05987a4133ed',// 必填，签名，见附录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>