Html5程序设计基础教程练习题参考答案.docx
《Html5程序设计基础教程练习题参考答案.docx》由会员分享，可在线阅读，更多相关《Html5程序设计基础教程练习题参考答案.docx（23页珍藏版）》请在冰豆网上搜索。
Html5程序设计基础教程练习题参考答案
第1章HTML5概述
一、选择题
1．A2．D3．C4．C
二、填空题
1．HyperTextMarkupLanguage
2．
3．HTML
4．UTF-8
5．
6．contextmenu
7．async
8．
9．GeolocationAPI
10．WebWorkers
三、简答题
1．答：
标签用于定义文档中的区段。
标签用于定义文档的页眉（介绍信息）。
通常，该元素包含作者的姓名、文档的创作日期或者联系方式等信息。
标签用于定义导航链接。
标签用于定义文章或网页中的主要内容。
标签用于定义独立的流内容（图像、图表、照片、代码等等）。
2．答：
标签用于定义带有记号的文本。
标签用于定义公历的时间（24小时制）或日期，时间和时区。
标签用于定义度量衡。
标签用于定义定义一个进度条。
3．答：
在HTML5中可以通过下面的方法进行绘图：
使用CanvasAPI动态地绘制各种效果精美的图形；
绘制可伸缩矢量图形（SVG）。
4．答：
HTML5新增的与数据存储和数据处理相关的新功能如下：
（1）Web通信
在HTML4中，出于安全考虑，一般不允许一个浏览器的不同框架、不同标签页、不同窗口之间的应用程序互相通信，以防止恶意攻击。
如果要实现跨域通信只能通过Web服务器作为中介。
但在桌面应用中，经常需要进行跨通信。
HTML5提供了这种跨域通信的消息机制。
（2）本地存储
HTML4的存储能力很弱，只能使用Cookie存储很少量的数据，比如用户名和密码。
HTML5扩充了文件存储的能力，可以存储多达5MB的数据。
而且还支持WebSQL和IndexedDB等轻量级数据库，大大增强了数据存储和数据检索能力。
（3）离线应用
传统Web应用程序对Web服务器的依赖程度非常高，离开Web服务器几乎什么都做不了。
而使用HTML5可以开发支持离线的Web应用程序，在连接不上Web服务器时，可以切换到离线模式；等到可以连接Web服务器时，再进行数据同步，把离线模式下完成的工作提交到Web服务器。
四、练习题
略
第2章JavaScript编程
1．C2．B3．A4．A
1．js
2．===
3．continue
4．break
5．function
6．return
7．Object
8．Array
9．Event
类型
具体描述
Undefined
当声明的变量未初始化时，该变量的默认值是undefined
Null
空值，如果引用一个没有定义的变量，则返回空值
Boolean
布尔类型，包含true和false
String
字符串类型，由单引号或双引号括起来的字符
Number
数值类型，可以是32位、64位整数或浮点数
3．答:
for（表达式1;表达式2;表达式3）{
循环体
}
4．答:
在函数中也可以定义变量，在函数中定义的变量被称为局部变量。
局部变量只在定义它的函数内部有效，在函数体之外，即使使用同名的变量，也会被看作是另一个变量。
相应地，在函数体之外定义的变量是全局变量。
全局变量在定义后的代码中都有效，包括它后面定义的函数体内。
如果局部变量和全局变量同名，则在定义局部变量的函数中，只有局部变量是有效的。
第3章HTML5表单及文件处理
1．C2．B3．A4．B
1．
2．type
3．</p><p>4．"submit"；"reset"；"button"</p><p>5．checkValidity（）</p><p>6．FileList；File；Blob；FileReader</p><p>三、简答题</p><p>1.答</p><p>（1）email类型</p><p>email类型用于应该包含e-mail地址的输入域。</p><p>在提交表单时，会自动验证email域的值。</p><p>（2）url类型</p><p>url类型用于应该包含URL地址的输入域。</p><p>在提交表单时，会自动验证URL域的值。</p><p>（3）number类型</p><p>number类型用于应该包含数值的输入域。</p><p>可以通过表3-9所示的属性对数值进行限定。</p><p>（4）date类型</p><p>date类型用于应该包含日期值的输入域，可以通过一个下拉日历来选择年/月/日。</p><p>（5）其他日期时间类型</p><p>HTML5还新增了如下的用于输入日期时间的input类型：</p><p>lmonth，用于选取月和年；</p><p>lweek，用于选取周和年；</p><p>ltime，用于选取时间（小时和分钟）；</p><p>ldatetime，用于选取时间、日、月、年（UTC时间）；</p><p>ldatetime-local，用于选取时间、日、月、年（本地时间）。</p><p>（6）search类型</p><p>search类型用于搜索域，比如站点搜索或Google搜索。</p><p>search域显示为常规的文本域。</p><p>（7）color类型</p><p>color类型用于选择颜色。</p><p>2.答</p><p>（1）datalist元素</p><p>datalist元素用于定义输入域的选项列表。</p><p>（2）keygen元素</p><p>keygen元素用于提供一种验证用户的可靠方法。</p><p>它是一个密钥对生成器。</p><p>当提交表单时，会生成两个键，一个是私钥（privatekey），一个公钥（publickey）。</p><p>私钥存储于客户端，公钥则被发送到服务器。</p><p>公钥可用于之后验证用户的客户端证书。</p><p>（3）output元素</p><p>output元素用于用于不同类型的输出，例如比如计算或脚本的结果输出。</p><p>3.答</p><p>规定表单中的元素是否具有自动完成功能。</p><p>所谓自动完成功能就是表单会记忆用户在表单元素中输入数据的历史记录。</p><p>下次输入时会根据用户输入的字头提示匹配的历史数据，帮助用户完成输入。</p><p>autocomplete="on"表示启用自动完成功能；autocomplete="off"表示停用自动完成功能。</p><p>例如：</p><p><formaction="demo_form.asp"method="get"autocomplete="on"></p><p>4.答</p><p>规定在提交表单时不验证数据，例如：</p><p><formaction="demo_form.asp"method="get"novalidate></p><p>如果不使用novalidate，则会验证数据。</p><p>第4章最新版本的层叠样式表——CSS3</p><p>一、选择题</p><p>1．C2．B3．B4．A5．B</p><p>二、填空题</p><p>1．层叠样式表2．.css</p><p>3．text-decoration4．轮廓（outline）</p><p>5．float6．opacity；0~1</p><p>7．transition</p><p>三、问答题</p><p>1.答：</p><p>selector选择器。</p><p>有3种选择器，第一种是HTML的标签，比如p、body、a等；第二种是class；第三种是ID。</p><p>，具体使用情况将在后面介绍。</p><p>property就是那些将要被修改的属性，比如color。</p><p>valueproperty的值，比如color的属性值可以是red。</p><p>2.答：</p><p>CSS3支持以HSL声明的形式表现颜色。</p><p>HSL色彩模式是工业界的一种颜色标准，是通过对色调（H）、饱和度（S）、亮度（L）三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。</p><p>HSL声明的定义形式如下：</p><p>hsl（色调值,饱和度值,亮度值）</p><p>参数说明如下：</p><p>l色调值，用于定义色盘，0和360是红色，接近120的是绿色，240是蓝色；</p><p>l饱和度值，一个百分比，0%是灰度，100%饱和度最高；</p><p>l亮度值，个百分比：</p><p>0%是最暗，50%均值，100%最亮。</p><p>HSLA声明在HSL颜色的基础上增加了一个A参数，设置该颜色的透明度。</p><p>与RGBA一样，A参数的取值范围也为0~1，0表示完全透明（即不可见），1表示完全不透明。</p><p>第5章HTML5拖放</p><p>一、选择题</p><p>1．A2．C3．A4．D</p><p>二、填空题</p><p>1．拖拽（drag）;放开（drop）</p><p>2．Drop</p><p>3．Dragend</p><p>4．Event</p><p>三、简答题</p><p>1．答:</p><p>copy，显示copy光标。</p><p>link，显示link光标。</p><p>move，显示move光标。</p><p>none，默认值，即没有指定光标。</p><p>2．答：</p><p>当开始拖拽时，可以提供下面的息：</p><p>（1）被拖拽的数据。</p><p>这可以是多种不同格式的数据，例如，包含字符串数据的文本对象。</p><p>（2）在拖拽过程中显示在鼠标指针旁边的反馈图像。</p><p>用户可以自定义此图像，但大多数时候只能使用默认图像。</p><p>默认图像将基于按下鼠标时鼠标指针指向的元素。</p><p>（3）运行的拖拽效果。</p><p>可以是以下3种拖拽效果：</p><p>lcopy，指被拖拽的数据将从当前位置复制到放开的位置；</p><p>lmove，指被拖拽的数据将从当前位置移动到放开的位置；</p><p>llink，指在源位置和放开的位置之间将建立某种关系或连接。</p><p>第6章使用CanvasAPI画图</p><p>一、选择题</p><p>1．B2．A3．A4．B</p><p>二、填空题</p><p>1．lineTo（）2．arc（）</p><p>3．rgba（）4．strokeText（）；fillText（）</p><p>5．rotate（）</p><p>三、简答题</p><p>1．答</p><p>strokeRect（）方法与rect（）方法都用于绘制矩形，它们的参数相同。</p><p>strokeRect（）方法与rect（）方法的区别在于调用strokeRect（）方法时不需要使用beginPath（）和stroke（）即可绘图。</p><p>2．答：</p><p>可以通过下面2种方法创建CanvasGradient对象：</p><p>（1）以线性颜色渐变方式创建CanvasGradient对象。</p><p>使用CanvasRenderingContext2D对象createLinearGradient（）方法可以线性颜色渐变方式创建CanvasGradient对象。</p><p>线性颜色渐变方式创建CanvasGradient对象。</p><p>createLinearGradient（）方法的语法如下：</p><p>createLinearGradient（xStart,yStart,xEnd,yEnd）</p><p>参数xStart和yStart是渐变的起始点的坐标，参数xEnd和yEnd是渐变的结束点的坐标。</p><p>（2）以放射颜色渐变方式创建CanvasGradient对象。</p><p>使用CanvasRenderingContext2D对象createRadialGradient（）方法可以放射颜色渐变方式创建CanvasGradient对象。</p><p>线性颜色渐变方式创建CanvasGradient对象。</p><p>createRadialGradient（）方法的语法如下：</p><p>createRadialGradient（xStart,yStart,radiusStart,xEnd,yEnd,radiusEnd）</p><p>参数xStart和yStart是开始圆的圆心的坐标，radiusStart是开始圆的半径；参数xEnd和yEnd是结束圆的圆心的坐标，radiusEnd是结束圆的半径。</p><p>3．答：</p><p>参数说明如下：</p><p>limage，所要绘制的图像，必须是表示<img>标记或者屏幕外图像的Image对象，或者是Canvas元素；</p><p>lsourceX和sourceY，图像将要被绘制的区域的左上角；</p><p>ldestX和destY，所要绘制的图像区域的左上角的画布坐标；</p><p>ldestWidth和destHeight，图像区域所要绘制的画布大小。</p><p>4．答：</p><p>lshadowBlur，阴影的像素模糊值。</p><p>lshadowOffsetX，阴影在x轴上的偏移值。</p><p>lshadowOffsetY，阴影在y轴上的偏移值。</p><p>lshadowColor，阴影颜色值。</p><p> </p><p>第7章绘制可伸缩矢量图形（SVG）</p><p>一、选择题</p><p>1．B2．A3．C4．A5．B</p><p>二、填空题</p><p>1．可伸缩矢量图形2．<rect></p><p>3．stroke-opacity4．stroke-lineJoin</p><p>5．stroke-dasharray6．style</p><p>三、简答题</p><p>1．答：</p><p>与JPEG和GIF等格式的图像相比，SVG图像主要具有如下优势：</p><p>SVG图像可以使用任何文本编辑器创建和编辑，而JPEG和GIF等格式的图像则必须使用专用的图像编辑软件创建和编辑。</p><p>SVG图像更易于压缩、搜索（适用于制作地图）、索引和脚本化。</p><p>缩放SVG图像时，图像不变形。</p><p>可以在任何分辨率下打印高质量的SVG图像。</p><p> </p><p>2．答：</p><p>SVG与Canvas相比的异同如下：</p><p>SVG是在XML中描述二维图像的语言；而Canvas则在JavaScript程序中绘制二维图像。</p><p>在SVG中，每一个绘制的图形都会被记录为一个对象，当SVG对象的属性变化时，浏览器会自动重画图形。</p><p>Canvas图像是一个像素一个像素绘制的，一旦图像绘制完成，浏览器就会忘了它。</p><p>如果图像的位置变化了，那么场景都要重画，包括被该图像覆盖的对象。</p><p>3．答：</p><p>"butt"，默认值，指定线段没有线帽。</p><p>线条的末点是平直的而且和线条的方向正交，这条线段在其端点之外没有扩展。</p><p>"round"，指定线段带有一个半圆形的线帽，半圆的直径等于线段的宽度，并且线段在端点之外扩展了线段宽度的一半。</p><p>"square"，指定线段一个矩形线帽。</p><p>这个值和"butt"一样，但是线段扩展了自己的宽度的一半。</p><p>第8章播放多媒体</p><p>一、选择题</p><p>1．D2．A3．A4．A</p><p>二、填空题</p><p>1．audio2．Loop</p><p>3．14．source</p><p>三、简答题</p><p>1．答：</p><p>播放背景音乐时通常不需要显示播放控件，因此在定义audio标签时可以将controls属性设置为false（或不使用conttols属性）。</p><p>播放背景音乐时需要自动、循环播放，因此在定义audio标签时可以将autoplay属性和loop属性设置为true。</p><p>2．答：</p><p>video对象的常用方法如表8-7所示。</p><p>表8-7video对象的常用方法</p><p>方法</p><p>具体描述</p><p>canPlayType</p><p>是否能播放指定格式的资源</p><p>load</p><p>加载src属性指定的资源</p><p>play</p><p>播放</p><p>pause</p><p>暂停</p><p>第9章Web通信</p><p>一、选择题</p><p>1．A2．C3．B4．A</p><p>二、填空题</p><p>1．window.postMessage2．message</p><p>3．ReadyState4．setRequestHeader（）</p><p>5．timeout6．WebSocket</p><p>三、简答题</p><p>1．答</p><p>XMLHttpRequest是一个浏览器接口，开发者可以使用它提出HTTP和HTTPS请求，而且不用刷新页面就可以修改页面的内容。</p><p>XMLHttpRequest的两个最常见的应用是提交表单和获取额外的内容。</p><p>使用XMLHttpRequest对象可以实现下面的功能：</p><p>在不重新加载页面的情况下更新网页；</p><p>在页面已加载后从服务器请求数据；</p><p>在页面已加载后从服务器接收数据；</p><p>在后台向服务器发送数据。</p><p>2．答</p><p>在IE浏览器中使用Active对象创建XMLHttpRequest对象，代码如下：</p><p>xmlhttp=newActiveXObject（"Microsoft.XMLHTTP"）;</p><p>当window.ActiveXObject等于True时，可以使用这种方法。</p><p>在其他浏览器中可以下面的代码创建XMLHttpRequest对象：</p><p>xxmlhttp=newXMLHttpRequest（）;</p><p>当window.XMLHttpRequest等于True时，可以使用这种方法。</p><p> </p><p>3．答</p><p>事件</p><p>具体说明</p><p>progress</p><p>在传送数据的过程中会定期触发，用于返回传送数据的进度信息。</p><p>在progress事件的处理函数中可以使用该事件的属性计算并显示传送数据的百分比。</p><p>progress事件的属性如下：</p><p>llengthComputable，布尔值，表明是否可以计算传送数据的长度。</p><p>如果lengthComputable等于True，则可以计算传送数据的百分比；否则，就不用计算了</p><p>lloaded，已经传送的数据量</p><p>ltotal，需要传送的总数据量</p><p>load</p><p>传送数据成功完成</p><p>abort</p><p>传送数据被中断</p><p>error</p><p>传送过程中出现错误</p><p>loadstart</p><p>开始传送数据</p><p>4．答</p><p>事件</p><p>具体描述</p><p>处理函数</p><p>open</p><p>建立WebSocket连接时触发</p><p>onopen</p><p>message</p><p>当收到消息时触发</p><p>onmessage</p><p>close</p><p>当WebSocket连接关闭时触发</p><p>onclose</p><p>第10章本地存储</p><p>一、选择题</p><p>1．C2．B3．D4．A5．C</p><p>二、填空题</p><p>1．Cookie；Session2．NoSQL</p><p>3．window.localStorage4．removeItem（）</p><p>5．storage</p><p>三、问答题</p><p>1．答：</p><p>Cookie（小甜饼）有时也用其复数形式Cookies，指存储在用户本地上的少量数据，最经典的Cookie应用就是记录登录用户名和密码，这样下次访问时就不需要输入自己的用户名和密码了。</p><p>也有一些高级的Cookie应用，例如在网上商城查阅商品时，该商城应用程序就可以记录用户兴趣和浏览记录的Cookies。</p><p>在下次访问时，网站根据情况对显示的内容进行调整，将用户所感兴趣的内容放在前列。</p><p>每个Web站点都可以在用户的机器上存放Cookie，并可以在需要时重新获取Cookie数据。</p><p>通常Web站点都有一个Cookie文件。</p><p>Cookie的工作原理如图10-1所示。</p><p>用户每次访问站点A之前都会查找站点A的Cookie文件，如果存在，则从中读取用户名和密码“键－值”对数据。</p><p>如果找到用户名和密码“键－值”对数据，则将其与访问请求一起发送到站点A。</p><p>站点A在收到访问请求时如果也收到了用户名和密码“键－值”对数据，则使用用户名和密码数据登录，这样用户就不需要输入用户名和密码了。</p><p>如果没有收到了用户名和密码“键－值”对数据，则说明该用户之前没有成功登录过，此时站点A返回登录页面给用户。</p><p>图10-1Cookie的工作原理</p><p>2．答：</p><p>Cookie存在如下缺陷：</p><p>Cookie的数据大小是由限制的，大多数浏览器只支持最大为4096字节的Cookie。</p><p>有时不能满足需求。</p><p>客户端可以禁用或清空Cookie，从而影响程序的功能。</p><p>当多人共用一台计算机时使用Cookie可能会泄露用户隐私，带来安全问题。</p><p>3．答：</p><p>Session可以保持网站服务器和网站访问者的交流，访问者可以将数据保存在网站服务器中。</p><p>为了区分不同的访问者，网站服务器为每个网站访问者都分配一个会话编号SID，一个访问者在Session中保存的所有数据都与他的SID相关联。</p><p>在访问者打开的所有页面中，都可以通过SID设置和获取Session数据，因此通过Session可以实现个页面间的数据共享。</p><p>例如，用户在任意一个页面登录后，都可以将登录标记和登录用户名保存在Session变量中。</p><p>这样在其他页面中就可以获知用户已经登录了，从而避免重复登录。</p><p>Session的工作原理如图10-2所示。</p><p>图10-3Session的工作原理</p><p>4．答：</p><p>NoSQL是新一代的数据库，NoSQL有non-relational和NotOnlySQL的意思，具有非关系型、高效、分布式、开放源代码等特点。</p><p>对于已经熟悉SQLServer等关系型数据库的读者而言，接受NoSQL数据库还需要有一个过程。</p><p>Nam为什么要提出NoSQL的概念呢？</p><p>因为传统的关系数据库在应付web2.0网站，特别是超大规模和高并发的SNS类型（社交网络）的web2.0纯动态网站已经显得力不从心，暴露了很多难以克服的问题。</p><p>例如，对数据库高并发读写的需求、对海量数据的高效率存储和访问的需求、对数据库的高可扩展性和高可用性的需求等。</p><p>所以，关系数据库在很多情况下显得不太合适了。</p><p>NoSQL是非关系型数据存储的广义定义，它打破了关系型数据库的垄断局面。</p><p>NoSQL数据存储不需要固定的表结构，通常也不存在连接操作。</p><p>在大数据存取上具备关系型数据库无法比拟的性能优势。</p><p>NoSQL的概念在2009年初得到了广泛认同。</p><p>第11章开发支持离线的Web应用程序</p><p>一、选择题</p><p>1．B2．C</p><p>二、填空题</p><p>1．Manifest2．window.applicationCache.update（）3．Online；offline</p><p>三、简答题</p><p>1．答</p><p>传统Web应用程序只需要部署在Web服务器上即可，应用程序可以是HTML（HTM）文件或ASP、PHP等脚本文件。</p><p>Web浏览器的主要功能如下：</p><p>由用户向指定的Web服务器（网站）申请服务。</p><p>申请服务时需要指定Web服务器的域名或ＩＰ地址以及要浏览的HTML（HTM）文件或ASP、PHP等脚本文件。</p><p>如果使用ASP作为开发语言，则Web服务器只能使用Windows；如果使用PHP作为开发语言，则Web服务器可以选择使用Windows或Unix、Linux等多种平台。</p><p>从Web服务器下载申请的HTML（HTM）文件。</p><p>解析并显示HTML（HTM）文件，用户可以通过Web浏览器申请指定的Web服务器</p><p>Web浏览器和Web服务器使用HTTP协议进行通信。</p><p>2．答</p><p>离线Web应用程序可以在无法连接Web服务器时运行，它的工作原理如下：</p><p>当访问一个支持离线Web应用程序网站时，该网站将会告诉浏览器离线Web应用程序所使用的所有文件。</p><p>浏览器将Web应用程序所使用的所有文件下载到本地。</p><p>当支持离线Web应用程序的网站不在线时，浏览器就会访问下载到本地文件，从而运行离线Web应用程序。</p><p>例如在离线Web应用程序中，用户可以在不连接Web服务器的情况下，编辑一个较长的文章，并将其保存在本地，待下次连接Web服务器时再提交文章。</p><p>3．答</p><p>开发离线Web应用程序通常需要完成的下面几项工作：</p><p>（1）离线资源缓存。</p><p>首先需要了解Web应用程序离线工作时所需的资源文件。</p><p>这样就可以在在线状态时，把这些文件缓存到本地。</p><p>以后，如果浏览器无法连接Web服务器，则可以自动加载这些资源文件，从而实现离线访问应用程序。</p><p>在HTML5中，通过cachemanifest文件指明需要缓存的资源，具体情况将在11.2.2小节中介绍。</p><p>（2）检测在线状态。</p><p>在支持离线的Web应用程序中，浏览器应该知道在线或离线的状态，并做出对应的处理，具体情况将在11.2.4小节中介绍。</p><p>（3）本地数据存储。</p><p>在离线时，Web应用程序需要能够把数据存储到本地，以便以后在线时可以同步到Web服务器上。</p><p>关于本地数据存储的具体情况已经在第10章中做过介绍，请参照理解。</p><p>第12章获取浏览器的地理位置信息</p><p>一、选择题</p><p>1．A2．C</p><p>二、填空题</p><p>1．navigator.geolocation2．clearWatch（）；watchPos</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 = "9947228"; var total_page = "23"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/9947228.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/7/6de234bf-313e-4223-b7b1-37c0b49019f3/6de234bf-313e-4223-b7b1-37c0b49019f3"; var freepage = parseInt('20'); var total_c = parseInt('23'); 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=\"Html5程序设计基础教程练习题参考答案.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="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30848072.html" title="教育测量与评价第三版全套完整教学课件.pptx">教育测量与评价第三版全套完整教学课件.pptx</a> </li><li><em class="xls"/></em><a target="_parent" href="https://m.bdocx.com/doc/30848010.html" title="数控车床合格证明书.xls">数控车床合格证明书.xls</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847944.html" title="防诈骗安全教育主题班会防诈骗安全教育课件ppt.pptx">防诈骗安全教育主题班会防诈骗安全教育课件ppt.pptx</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847904.html" title="中职新生入学教育中专入学开学第一课教育课件下载.pptx">中职新生入学教育中专入学开学第一课教育课件下载.pptx</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847893.html" title="-(完整版)-幼儿园端午节介绍PPT模板.pptx">-(完整版)-幼儿园端午节介绍PPT模板.pptx</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847868.html" title="高频电子线路-曾兴雯4.ppt">高频电子线路-曾兴雯4.ppt</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847789.html" title="最新人教版九年级数学下册-全册教学课件全集(8.pptx">最新人教版九年级数学下册-全册教学课件全集(8.pptx</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847788.html" title="(本科)财务管理2全套教学课件完整版PPT.pptx">(本科)财务管理2全套教学课件完整版PPT.pptx</a> </li><li><em class="xls"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847536.html" title="内部审核检查表GMPC.xls.xls">内部审核检查表GMPC.xls.xls</a> </li><li><em class="xls"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847532.html" title="GRR-ANOVA-3771005J02-(1..xls">GRR-ANOVA-3771005J02-(1..xls</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/9740107.html" target="_parent" title="计算机应用技术自荐信范文汇总.docx">计算机应用技术自荐信范文汇总.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9740108.html" target="_parent" title="党员教师开展第二批群众路线活动心得感言.docx">党员教师开展第二批群众路线活动心得感言.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9740109.html" target="_parent" title="高纯石墨的制备研究.docx">高纯石墨的制备研究.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9740110.html" target="_parent" title="亨利福特面试.docx">亨利福特面试.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9740111.html" target="_parent" title="江西省普通高中新课程实验信息技术学科教学指导意见试行.docx">江西省普通高中新课程实验信息技术学科教学指导意见试行.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9740112.html" target="_parent" title="关于感谢朋友的话.docx">关于感谢朋友的话.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9740113.html" target="_parent" title="建筑安装工程承包.docx">建筑安装工程承包.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9740114.html" target="_parent" title="家用纸杯成型机设计外文翻译.docx">家用纸杯成型机设计外文翻译.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/9740115.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=Html5">Html5</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%a8%8b%e5%ba%8f%e8%ae%be%e8%ae%a1">程序设计</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%9f%ba%e7%a1%80%e6%95%99%e7%a8%8b">基础教程</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%bb%83%e4%b9%a0%e9%a2%98">练习题</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%8f%82%e8%80%83%e7%ad%94%e6%a1%88">参考答案</a></li> </ul> </div> <br /> <div > 当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> > <a href="https://m.bdocx.com/booklist-00005.html">农林牧渔</a><span> > </span><a href="https://m.bdocx.com/booklist-0000500001.html">林学</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=5RJpwIUgoRI%3d&parto=tny6sgwidPeLxdQ6M4BEP%2faFYKNtOHy0bk7e4Bx%2bLeaGe2VXiO6I2FfQpAIoQrw3EMQqX25PiHuLMIMWFOc8j6VLBu5erzlzFMn0LLEnpgQ45muz9s0l0krcat3sHi4vatCngLyRm5JulTZGy%2bF5ttNvSmkBgV3IvWbLdP9YWw91uROpMNv2gp5PKsogmZ%2fmY6KzrnFF2rQR7plmZP1%2fFX2N%2f5dmdYXw" 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/9947228.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1723006798', // 必填，生成签名的时间戳 nonceStr: '25B2822C2F5A3230ABFADD476E8B04C9', // 必填，生成签名的随机串 signature: '7c7269ad10909e718a1792ba45d7c5176e39f3fd',// 必填，签名，见附录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/9947228.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1723006798', // 必填，生成签名的时间戳 nonceStr: '25B2822C2F5A3230ABFADD476E8B04C9', // 必填，生成签名的随机串 signature: '7c7269ad10909e718a1792ba45d7c5176e39f3fd',// 必填，签名，见附录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>
