HTMLCSSJavaScript技术附录.docx
《HTMLCSSJavaScript技术附录.docx》由会员分享，可在线阅读，更多相关《HTMLCSSJavaScript技术附录.docx（29页珍藏版）》请在冰豆网上搜索。
HTMLCSSJavaScript技术附录
附录
附录一HTML语法概述
HTML头部标签
表附录1．1头部标签
标签
描述
当前文档的URL全称（基底网址）
</p><p>设定显示在浏览器左上方的标题内容</p><p><isindex></p><p>表明该文档是一个可用于检索的网关脚本</p><p><meta></p><p>有关文档本身的元信息，例如用于查询的关键词，用于获取该文档的有效期等</p><p><style></p><p>设定CSS层叠样式表的内容</p><p><link></p><p>设定外部文件的链接’</p><p><script></p><p>设定页面中程序脚本的内容</p><p>元信息标签</p><p>表附录1．2<meta>标签属性</p><p>属性</p><p>描述</p><p>Http—equiv</p><p>生成一个HTTP标题域，它的取值与另一个属性相同，例如HTTP．EQUIV=Expires，实际取值由CONTENT确定</p><p>Name</p><p>如果元数据是以关键字／取值的形式出现的，则NAME表示关键字，如Author或ID</p><p>Content</p><p>关键字／取值的内容</p><p>HTML主体标签</p><p>表附录1．3<body>标签属性</p><p>属性</p><p>描述</p><p>Text</p><p>设定页面文字的颜色</p><p>Bgcolor</p><p>设定页面背景的颜色。</p><p>Background</p><p>设定页面的背景图像</p><p>Bgproperties</p><p>设定页面的背景图像为固定，不随页面的滚动而滚动</p><p>Link</p><p>设定页面默认的链接颜色</p><p>Alink</p><p>设定鼠标正在单击时的链接颜色</p><p>Vlink</p><p>设定访问过后的链接颜色</p><p>Topmargin</p><p>设定页面的上边距</p><p>Lettmargin</p><p>设定页面的左边距</p><p>特殊符号</p><p>表附录1．4特殊符号</p><p>特殊符号</p><p>符号码</p><p>“</p><p>"；</p><p>&</p><p>&；</p><p><</p><p><：</p><p>></p><p>>；</p><p>©</p><p>©；．</p><p>®</p><p>&re9；</p><p>士</p><p>±；</p><p>×</p><p>×；</p><p>§</p><p>§；</p><p>￡</p><p>¢；</p><p>￥</p><p>¥；</p><p>.</p><p>·</p><p>E</p><p>&eur0；</p><p>￡</p><p>£；</p><p>TM</p><p>&trade；</p><p>标题字标签</p><p>表附录1．5标题字标签</p><p>标签</p><p>描述</p><p><h1>…<／hi></p><p>一级标题</p><p><h2>…<／h2></p><p>二级标题</p><p><h3>…<／h3></p><p>三级标题</p><p><h4>…<／h4></p><p>四级标题</p><p><h5>…<／h5></p><p>五级标题</p><p><h6>…<／h6></p><p>六级标题</p><p>文字的修饰标签</p><p>表附录1-6文字的修饰标签</p><p>标签</p><p>描述</p><p><b></p><p>粗体</p><p><strong></p><p>粗体</p><p><i></p><p>斜体</p><p><em></p><p>斜体</p><p><cite></p><p>斜体</p><p><sup></p><p>上标</p><p><sub></p><p>下标</p><p><big></p><p>大字号</p><p><small></p><p>小字号</p><p><u></p><p>下划线</p><p><S></p><p>删除线</p><p><strike></p><p>删除线</p><p><address></p><p>地址’</p><p><t伊</p><p>打字机文字+</p><p><blink></p><p>闪烁文字（只适用于Netscape浏览器）1</p><p><code></p><p>等宽</p><p><samp></p><p>等宽</p><p><kbd></p><p>键盘输入文字·</p><p><var></p><p>声明变量。</p><p>字体标签</p><p>表附录1．7<font>标签的属性</p><p>属性</p><p>描述</p><p>Face</p><p>字体</p><p>Size</p><p>字号</p><p>Color</p><p>颜色</p><p>列表标签</p><p>表附录1．8列表的主要标签</p><p>标签</p><p>描述</p><p><ul></p><p>无序列表</p><p><ol></p><p>有序列表</p><p><dir></p><p>目录列表</p><p><dl></p><p>定义列表</p><p><menu></p><p>菜单列表</p><p><dt>、<dd></p><p>定义列表的标签</p><p><1i></p><p>列表项目的标签</p><p>超链接标签</p><p>表附录1．9链接标签的属性</p><p>属性</p><p>描述</p><p>Href</p><p>指定链接地址</p><p>Name</p><p>给链接命名</p><p>Title</p><p>给链接提示文字</p><p>Target</p><p>指定链接的目标窗口</p><p>表附录1．10链接的目标窗口属性</p><p>属性</p><p>描述</p><p>_parent</p><p>在上一级窗口中打开。</p><p>一般使用分帧的框架页会经常使用</p><p>_blank</p><p>在新窗口中打开，</p><p>_self</p><p>在同一个帧或窗口中打开，这项一般不用设置</p><p>_top</p><p>在浏览器的整个窗口中打开，忽略任何框架</p><p>图片标签</p><p>表附录1-11插入图片标签<img>的属性</p><p>属性</p><p>描述</p><p>Src</p><p>图像的源文件</p><p>Alt</p><p>提示文字</p><p>Width、Height</p><p>宽度、高度</p><p>Border</p><p>边框</p><p>Vspace</p><p>垂直间距</p><p>Hspace</p><p>水平间距</p><p>Align</p><p>排列</p><p>表附录1-12图片排列标签<Align>的属性</p><p>属性</p><p>描述</p><p>Top</p><p>文字的中间线居于图片上方</p><p>Middle</p><p>文字的中间线居于图片中间</p><p>BOttom</p><p>文字的中间线居于图片底部</p><p>Left</p><p>图片在文字的左侧</p><p>Right</p><p>图片在文字的右侧</p><p>Absbottom</p><p>文字的底线居于图片底部</p><p>Absmiddle</p><p>文字的底线居于图片中间</p><p>Baseline</p><p>英文文字基准线对齐</p><p>Texttop</p><p>英文文字上边线对齐</p><p> </p><p>表格标签</p><p>表附录1．13表格标签</p><p>标签</p><p>描述</p><p><table>．．．<／table></p><p>表格标签</p><p><tr>…<／tr></p><p>行标签</p><p><td>…<／td></p><p>单元格标签</p><p>表附录1．14表格的<tr>标签属性</p><p>属性</p><p>描述</p><p>Align</p><p>行内容的水平对齐</p><p>Valign</p><p>行内容的垂直对齐</p><p>Bgeolor</p><p>行的背景颜色</p><p>Background</p><p>行的背景图像</p><p>Bordercolor</p><p>行的边框颜色</p><p>Bordercolorlight</p><p>行的亮边框颜色</p><p>Bordercolordark</p><p>行的暗边框颜色</p><p>表附录1．15表格的<ld>、<lh>标签属性</p><p>属性</p><p>描述</p><p>Align</p><p>单元格内容的水平对齐</p><p>Valign</p><p>单元格内容的垂直对齐</p><p>Bgcolor</p><p>单元格的背景颜色</p><p>Background</p><p>单元格的背景图像</p><p>Bordercolor</p><p>单元格的边框颜色</p><p>Bordercolortight</p><p>单元格的亮边框颜色</p><p>Bordercolordark</p><p>单元格的暗边框颜色</p><p>Width</p><p>单元格的宽度</p><p>Height</p><p>单元格的高度</p><p>表单标签</p><p>表附录1．16<form>标签属性</p><p>属性</p><p>描述</p><p>Name</p><p>表单的名称</p><p>Method</p><p>定义表单结果从浏览器传送到服务器的方法，一般有两种方法：</p><p>9et和post</p><p>Action</p><p>用来定义表单处理程序（一个ASP、CGl等程序）的位置（相对地址或绝对地址）</p><p>表附录1．17<FORM>标签内的标签</p><p>标签</p><p>描述</p><p><input></p><p>表单输入标签</p><p><select></p><p>菜单和列表标签</p><p><option></p><p>菜单和列表项目标签</p><p><textarea></p><p>文字域标签</p><p>输入标签</p><p>表附录1．18<input>标签属性</p><p>属性</p><p>描述</p><p>Name</p><p>域的名称</p><p>Type</p><p>域的类型</p><p>表附录1．19Type属性值</p><p>属性</p><p>描述</p><p>Text</p><p>文字域</p><p>Password</p><p>密码域</p><p>File</p><p>文件域</p><p>Checkbox</p><p>复选框</p><p>Radio</p><p>单选按钮</p><p>Button</p><p>普通按钮</p><p>Submit</p><p>提交按钮</p><p>Reset</p><p>重置按钮</p><p>Hidden</p><p>隐藏域</p><p>Image</p><p>图像域（图像提交按钮）</p><p>菜单和列表标签</p><p>表附录1．20菜单和列表标签属性</p><p>属性</p><p>描述</p><p>Name</p><p>菜单和列表的名称</p><p>Size</p><p>显示的选项数目</p><p>MultilcIle</p><p>列表中的项目多选</p><p>Value</p><p>选项值</p><p>Selected</p><p>默认选项</p><p>文字域标签</p><p>表附录1．21文字域标签属性</p><p>属性</p><p>描述</p><p>Name</p><p>文字域的名称</p><p>ROWS</p><p>文字域的行数</p><p>Cols</p><p>文字域的列数</p><p>Value</p><p>文字域的默认值</p><p>框架标签</p><p>表附录1．22框架标签</p><p>标签</p><p>描述</p><p><frameset></p><p>框架集</p><p><frame></p><p>框架</p><p><iframe></p><p>内联框架</p><p><noframe></p><p>无框架</p><p>表附录1．23框架标签属性</p><p>属性</p><p>描述</p><p>SRC</p><p>显示页面源文件的路径</p><p>Width</p><p>框架的宽度</p><p>Height</p><p>框架的高度</p><p>N8Yfle</p><p>框架的名称</p><p>Align</p><p>框架的排列方式，Left表示居左，Center表示居中，Right表示居右</p><p>FrameBorder</p><p>框架边框显示属性</p><p>FrameSpacing</p><p>框架边框宽度属性</p><p>Scrolling</p><p>框架滚动条显示属性</p><p>NOResize</p><p>框架尺寸调整属性</p><p>BorderColor</p><p>框架边框颜色属性</p><p>MarginWidth</p><p>框架边缘宽度属性</p><p>MarginHeight</p><p>框架边缘高度属性</p><p>附录二CSS语法概述</p><p>字体属性</p><p>属性</p><p>描述</p><p>fom—family</p><p>用一个指定的字体名或一个种类的字体族科</p><p>font．size</p><p>字体显示的大小</p><p>font．style</p><p>设定字体风格</p><p>font—weight</p><p>以bold为值可以使字体加粗</p><p>文本属性</p><p>属性</p><p>描述</p><p>letter-spacing</p><p>定义一个附加在字符之间的间隔数量</p><p>text-decoration</p><p>文本修饰属性允许通过5个属性中的一个来修饰文本</p><p>text-align</p><p>设置文本的水平对齐方式，包括左对齐、右对齐、居中、两端对齐</p><p>text．indent</p><p>文字的首行缩进</p><p>line-height</p><p>行高属性接受一个控制文本基线之间的间隔值</p><p>颜色和背景属性</p><p>属性</p><p>描述</p><p>color</p><p>定义颜色</p><p>background-color</p><p>设定一个元素的背景颜色</p><p>background—image</p><p>设定一个元素的背景图像</p><p>background·repeat</p><p>决定一个指定的背景图像如何被重复</p><p>Background-position</p><p>设置水平和垂直方向上的位置</p><p>边框属性</p><p>属性</p><p>描述</p><p>border</p><p>边框</p><p>border-top</p><p>上边框、</p><p>border．1eft</p><p>左边框</p><p>border-right</p><p>右边框</p><p>border．bottom</p><p>下边框</p><p>光标属性</p><p>属性值</p><p>描述</p><p>hand</p><p>手形</p><p>crosshair</p><p>交叉十字形</p><p>text</p><p>文本选择符号</p><p>walt</p><p>Windows的沙漏形状</p><p>default</p><p>默认的光标形状</p><p>help</p><p>带问号的光标</p><p>e-reSlZe</p><p>向东的箭头</p><p>ne-reSlZe</p><p>向东北方的箭头</p><p>n-1℃SlZe</p><p>向北的箭头</p><p>nW—reSlZe</p><p>向西北的箭头</p><p>W-reSlZe</p><p>向西的箭头</p><p>SW-reSlZe</p><p>向西南的箭头</p><p>S-reSlZe</p><p>向南的箭头</p><p>se-reSlZe</p><p>向东南的箭头</p><p>定位属性</p><p>属性</p><p>描述</p><p>position</p><p>absolute（绝对定位）、relative（相对定位）</p><p>top</p><p>层距离顶点纵坐标的距离</p><p>left</p><p>层距离项点横坐标的距离</p><p>width</p><p>层的宽度</p><p>height</p><p>层的高度</p><p>Z．index</p><p>决定层的先后顺序和覆盖关系，值越高的元素会覆盖值比较低的元素</p><p>clip</p><p>限定只显示裁切出来的区域</p><p>overflow</p><p>当层中的内容超出层所能容纳的范围时，设置溢出</p><p>visibility</p><p>这一项是针对嵌套层的设置，嵌套层是插入在其他层中的层，分为嵌套的</p><p>层（子层）和被嵌套的层（父层）</p><p>区块属性</p><p>属性</p><p>描述</p><p>width</p><p>设定对象的宽度</p><p>height</p><p>设定对象的高度</p><p>float</p><p>让文字环绕在一个元素的四周</p><p>clear</p><p>指定在一个元素的某一边是否允许有环绕的文字或对象</p><p>padding</p><p>决定了究竟在边框与内容之间应该插入多少空间距离</p><p>margin</p><p>设置一个元素在4个方向上与浏览器窗口边界或上一级元素的边界距离</p><p>列表属性</p><p>属-性</p><p>描述</p><p>list--style·-type</p><p>设定引导列表项目的符号类型</p><p>bullet</p><p>选择图像作为项目的引导符号</p><p>position</p><p>决定列表项目所缩进的程度</p><p>滤镜属性</p><p>滤镜</p><p>描述</p><p>alpha</p><p>透明的层次效果</p><p>blur</p><p>快速移动的模糊效果</p><p>chroma</p><p>特定颜色的透明效果</p><p>dropshadow</p><p>阴影效果</p><p>flipH</p><p>水平翻转效果</p><p>flipV</p><p>垂直翻转效果</p><p>glow</p><p>边缘光晕效果</p><p>gray</p><p>灰度效果</p><p>invert</p><p>将颜色的饱和度及亮度值完全反转</p><p>mask</p><p>遮罩效果</p><p>shadow</p><p>渐变阴影效果’</p><p>WaVe</p><p>波浪变形效果</p><p>Xray</p><p>x射线效果</p><p>附录三JavaScript语法概述</p><p>表附录3-1JavaScript对象</p><p>对象</p><p>语法</p><p>anchor</p><p><aname=”anchomame”</p><p>anchortext</p><p><／a></p><p> </p><p>buaon</p><p> </p><p><input</p><p>type=”button”</p><p>name=”objecmame’’</p><p>value=”buttontext”</p><p>[onclick=”handlertext”]></p><p> </p><p>checkbox</p><p> </p><p><input</p><p>type=”checkbox”</p><p>name=”objectname”</p><p>[checked]</p><p>[onclick=”handlertext”]></p><p>Texttodisplay</p><p>Date</p><p>vamame=newdate（parameters）</p><p> </p><p>document</p><p> </p><p><body</p><p>background=’’backgroundimage”</p><p>bgcolor=”#backgroundcolor”</p><p>fgcolor=”#foregroundcolor”</p><p>link=”#unfollowedlinkcolor”</p><p>alink=”#activatedlinkcolor”</p><p>vlink=”#followedlinkcolor”</p><p>[onload_’’handlertext”]</p><p>[onunload=”handlertext”]></p><p><／body></p><p> </p><p>forill</p><p> </p><p><forrn</p><p>name=”objecmame</p><p>target=”windowname”</p><p>action=”serverurl”</p><p>method=getIpost</p><p>[onsubmit=”handlertext”]></p><p><／form></p><p>Historv</p><p>history．go（delta）</p><p>（续表）</p><p>对象</p><p>语法</p><p> </p><p>link</p><p> </p><p><ahref=locationorurl</p><p>target=”windowname”</p><p>[onclick=”handlertext”】</p><p>[onmouseover=”handlertext”]></p><p>linktext</p><p><／a></p><p>location</p><p>location．property</p><p>math</p><p>math．propertyname</p><p>或</p><p>math．methodname（pIarameters）</p><p> </p><p>password</p><p> </p><p><input</p><p>type=”password”</p><p>name="objecmame”</p><p>[value=”texWalue”】</p><p>size=integer></p><p> </p><p>radioButton</p><p> </p><p><input</p><p>type=”radi0”</p><p>name=''objecmame”</p><p>value=”buttonvalue”</p><p>[checked]</p><p>[onclick=”handlertext”]></p><p>texttodisplay</p><p> </p><p>reset</p><p> </p><p><input</p><p>[name一’0bjectname”]</p><p>type=”reset”</p><p>Value=”buttontext”</p><p>【onclick=”handlertext”]></p><p> </p><p>selection</p><p> </p><p><select</p><p>name=”objectname”</p><p>[size=''value”】</p><p>[multiple]</p><p>[onblur=”handlertext”]</p><p>[onchange=”handlertext”】</p><p>[onfocus=''handlertext”]></p><p><option[selected]>texttodisplay[…<option>texttodisplay]</p><p><／select></p><p>stung</p><p>Stringname．propertYlmethod</p><p> </p><p>submit</p><p> </p><p><input</p><p>type=”submit”</p><p>name=”objectname”</p><p>value=”buttontext”</p><p>[onclick=”handlertext”】></p><p>（续表）</p><p>对象</p><p>语法</p><p> </p><p>Text</p><p> </p><p><input</p><p>type=”text”</p><p>name=”objecmame”</p><p>value=”texWalue”</p><p>size=integer</p><p>[onblur=”handlertext”]</p><p>[onchange=”handlertext”]</p><p>[onfocus_1’handlertext”]</p><p>[onselect=-”handlertext”]></p><p> </p><p>textArea</p><p> </p><p><textarea</p><p>name=”objecmame”</p><p>rows=”integer”</p><p>cols=”integer”</p><p>[onblur=”handlertext”]</p><p>[onchange_t’handlertext”]</p><p>[onfocus_1’handlertext”]</p><p>[onselect=-”handlertext”]></p><p>texttodisplay</p><p><／textarea></p><p>window</p><p>window．propertyImethod</p><p>JavaScript对象属性</p><p>属性</p><p>应用于</p><p>Action</p><p> </p><p>Form对象</p><p>elements</p><p>method</p><p>target</p><p>alinkColor</p><p>Document对象</p><p>Anchors</p><p>bgColor</p><p>fgColor</p><p>forms</p><p>lastModified</p><p>linkColor</p><p>links</p><p>loadedDate</p><p>location</p><p>referrer</p><p>title</p><p> </p><p>（续表）</p><p>属性</p><p>应用于</p><p>vlinkColor</p><p>checked</p><p>defaultChecked</p><p>checkbox，radioButton对象</p><p>current</p><p>history对象</p><p>length</p><p>history，form，frames，links，options，radioButton，string对象</p><p>name</p><p>value</p><p>button，checkbox，form，password，radioButton，reset，submit，text，textArea</p><p>对象</p><p>defaultSelected</p><p>index</p><p>options</p><p>selected</p><p>selectedIndex</p><p>text</p><p> </p><p>selection对象</p><p> </p><p>defaultStatus</p><p>flames</p><p>parent</p><p>window对象</p><p>Self</p><p>status</p><p>top</p><p>window</p><p> </p><p>window对象</p><p> </p><p>defaultValue</p><p>password，text，textArea对象</p><p>E</p><p>LN2</p><p>LNl0</p><p>PI</p><p>SQRTl—2</p><p>SQRT2</p><p> </p><p>math对象</p><p> </p><p>hash</p><p>location对象</p><p>Host</p><p>Hostname</p><p>href</p><p>pathname</p><p>port</p><p>protocol</p><p>search</p><p>JavaScript的方法</p><p>表附录3-3JavaScript的方法</p><p>语法</p><p>应用于</p><p>abs（arg）</p><p>Math对象</p><p>acos（arg）</p><p>asin（arg）</p><p>atan（arg）</p><p>ceil（arg）</p><p>cos（arg）</p><p>exp（arg）</p><p>log（arg）</p><p>fioor（arg）</p><p>max（argl，ar92）</p><p>min（argl，ar92）</p><p>pow（argl，ar92）</p><p>Random</p><p>round（arg）</p><p>sin（arg）</p><p>sqrt（arg）</p><p>tan（arg）</p><p>alert（”message”）</p><p>Window对象</p><p>clearTimeout（timeoutlD）</p><p>close（）</p><p>confirm（”message”）</p><p>window．open（”URL”，</p><p>”windowName”．</p><p>[”windowFeatures”]）</p><p>prompt（message，inputdefault）</p><p>timeoutlD=setTimeout（expression，</p><p>msec）</p><p> </p><p>Window对象</p><p> </p><p>strin9．anchor（name）</p><p>big（）</p><p>blink（）</p><p>String对象</p><p>bold（）</p><p>charAt（index）</p><p>fixed（）</p><p>fontcolor（color）</p><p>fontsize（size）</p><p>indexOf（character，[fromlndex]）</p><p>（续表）</p><p>语法</p><p>应用于</p><p>italics（）</p><p>lastindexOf（character，</p><p>[fromlndex]）</p><p>link（10cation）</p><p>small（）</p><p>strike（）</p><p>sub（）</p><p>substring（a，b）</p><p>sup（）</p><p>toLowerCase（）</p><p>toUpperCase（）</p><p>assign（）</p><p>toStrin90</p><p>Location对象</p><p>back（）</p><p>forward（）</p><p>History对象</p><p>go（delta|"strin9”）</p><p>submit（）</p><p>Form对象</p><p>blur（）</p><p>focus（）</p><p>select（）</p><p>Password，text，textarea对象</p><p>click（）</p><p>button，checkbox，radioButton，reset，selection，submit对象</p><p>clear（）</p><p>close（）</p><p>document．open（”MIMEtype”、</p><p>Document对象</p><p>write（）</p><p>writeln0</p><p>Document对象</p><p>dateObj．getDate0</p><p>dateObj．getDayO</p><p>dateObj．getHoursO</p><p>dateObjgetMinute（）</p><p>dateObj．getMonth（）</p><p>dateObj．getSeconds0</p><p>dateObj．getTime0</p><p>dateObj．getTimezoneOffset（）</p><p>dateObj．getyear（）</p><p>date．parse（datestring）</p><p>dateObj．setDate（day）</p><p>Date对象</p><p> </p><p>（续表）</p><p>语法</p><p>应用于</p><p>dateobj．setHours（hours）</p><p>dateobj．setMinutes（minutes）</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 = "6638153";
var total_page = "29";
var mfull = false;
var mshow = false;
function DownLoad() {
window.location.href='https://m.bdocx.com/down/6638153.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/62003be0-dfce-4595-a2a5-e3bccb057697/62003be0-dfce-4595-a2a5-e3bccb057697";
var freepage = parseInt('20');
var total_c = parseInt('29');
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=\"HTMLCSSJavaScript技术附录.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/30873314.html" title="山楂中药炮制学.ppt">山楂中药炮制学.ppt</a>
</li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872996.html" title="高血压患者健康管理服务实施方案.doc">高血压患者健康管理服务实施方案.doc</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872845.html" title="道路标线、停车位施画施工组织设计.docx">道路标线、停车位施画施工组织设计.docx</a>
</li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872755.html" title="机械设计毕业论文(范本).doc">机械设计毕业论文(范本).doc</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872735.html" title="幼儿园工作规程(2016年版)解读.ppt">幼儿园工作规程(2016年版)解读.ppt</a>
</li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872629.html" title="高中社团管理制度.doc">高中社团管理制度.doc</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872398.html" title="教育信息化PPT.ppt">教育信息化PPT.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872079.html" title="麦肯锡问题解决技巧.ppt">麦肯锡问题解决技巧.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872074.html" title="浅谈共情能力PPT幻灯片.ppt">浅谈共情能力PPT幻灯片.ppt</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871772.html" title="营运客车安全例检技术规范释义.pptx">营运客车安全例检技术规范释义.pptx</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/5969916.html" target="_parent" title="学年连城县初中地理总复习第六单元中国的疆域与人口测试题解析版.docx">学年连城县初中地理总复习第六单元中国的疆域与人口测试题解析版.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/5969917.html" target="_parent" title="学习科学发展观实施方案.docx">学习科学发展观实施方案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/5969918.html" target="_parent" title="一主要污染工序.docx">一主要污染工序.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/5969919.html" target="_parent" title="域外破产的域内效力及其对域外破产企业诉讼地位的影响.docx">域外破产的域内效力及其对域外破产企业诉讼地位的影响.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/5969920.html" target="_parent" title="月《人力资源战略与规划》真题及答案.docx">月《人力资源战略与规划》真题及答案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/5969921.html" target="_parent" title="在农业工作会议上的讲话.docx">在农业工作会议上的讲话.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/5969922.html" target="_parent" title="在县纪委第四次全会暨全县反腐败工作会议上的发言精品.docx">在县纪委第四次全会暨全县反腐败工作会议上的发言精品.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/5969923.html" target="_parent" title="造纸工作心得体会.docx">造纸工作心得体会.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/5969924.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=HTMLCSSJavaScript">HTMLCSSJavaScript</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%8a%80%e6%9c%af">技术</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e9%99%84%e5%bd%95">附录</a></li> </ul>
</div>
<br />
<div >
当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> >
<a href="https://m.bdocx.com/booklist-00006.html">人文社科</a><span> > </span><a href="https://m.bdocx.com/booklist-0000600008.html">视频讲堂</a>
</div>
<br />
<div class="cssnone">
<iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=BzJtueHiqSE%3d&parto=f25d3chPLvhcikpbOp66%2fApxnjUlYK00gMOUUeWlG1Txp3b%2bl36dTFmvkiZymlFOQasTg8lFwn3eTK%2bbb4h7m6uTyNT0Q8Nebk9JtY%2bQ1AUJxeqgFtOut9ZxfjzA6xge%2fORn6OsGT3YXUh6yoezf9o3GTASpvsM13A81xafNK6oqSpYyWMYrsUdVeiJX%2b1jNWPhMcA5TvAfD6xZbrmqs%2bLDW0xjLxtZ8" 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/6638153.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1728932358', // 必填，生成签名的时间戳
nonceStr: '839AB46820B524AFDA05122893C2FE8E', // 必填，生成签名的随机串
signature: 'e70e336615d767f2862a4120c167eafc87a79a43',// 必填，签名，见附录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/6638153.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1728932358', // 必填，生成签名的时间戳
nonceStr: '839AB46820B524AFDA05122893C2FE8E', // 必填，生成签名的随机串
signature: 'e70e336615d767f2862a4120c167eafc87a79a43',// 必填，签名，见附录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>