2011年自考互联网软件应用与开发模拟试题及答案(1)

申明敬告: 本站不保证该用户上传的文档完整性,不预览、不比对内容而直接下载产生的反悔问题本站不予受理。

文档介绍

2011年自考互联网软件应用与开发模拟试题及答案(1)

自考互联网软件应用与开发模拟试题及答案(一)一、单项选择题(本大题共10小题,每小题1分,共10分)在每小题列出的四个备选项中只有一个是符合题目要求的,请将其代码填写在题后的括号内。错选、多选或未选均无分。  1.在Web开发过程中,建设和测试阶段的目的是   (   )  A.生成项目计划  B.确定开发规则  C.开发符合项目设计规划的高质量的Web应用  D.把开发站点上的内容映射到测试服务器上  2.根据不同的取值范围,IP地址可分为五类,186.0.1.1属于   (   )  A.A类IP地址   B.B类IP地址  C.C类IP地址   D.D类IP地址  3.下面是一段HTML程序,在显示结果中,弹出菜单默认的选项是   (   )      COLORl.HTM</TITLE></HEAD>  <BODY>  Whichcolor:n  <FORM>  <SELECTNAME=“Color”>  <OPTIONSELECTEDVALUE="white">white<OPTIONVALUE="red">red  <OPTIONVALUE="blue">blue  <OPTIONVALUE="black">black</SELECT>  </FORM></BODY></HTML>  A.white    B.red     C.blue    D.black  4.一般来说,Web服务器提供的安全保护措施是   (   )  A.授权和链接加密  B.只有授权  C.只有链接加密   D.不能提供安全保护措施  5.现有一标题行:<hlid="Ahead">ChangeThis</Hl>,用以下语句替换:Ahead.inner-Text="ThisText";则结果为   ( )  A.<hlid="AHead">ThisText</Hl>  B.thisText  C.<P><hlid="AHead">ThisText</Hl></P>  D.<P>ThisText%/P>  6.在PHP中声明一个变量的时候,只要在变量名前使用字符   (   )n  A.%   B.$   C.¥   D.#  7.下面关于MySQL的权限机制说法错误的是   (   )  A.在使用MySQL数据库的时候,基于Unix平台和基于Windows平台的用户和用户密码机制还是有一点不同的  B.MySQL可以使用自身的权限认证机制,由登录数据库的用户名和主机名来确定使用者的使用权限,包括用户对一个数据库的select,insert,updateanddelete权限  C.与以前的mSQL数据库相比较,MySQL数据库的权限认证机制减弱了,mSQL使用了一个专门的数据库存储用户访问的权限设置  D.在同MySQL数据库连接的时候,通常会使用登录名作为默认的用户名,这是绝大多数MySQL客户端的设置,无论是在Unix平台还是在Windows平台  8.在AD0的对象中代表了一个因为参数化查询或存储过程而与Command对象相关的参数或参量是      (   )  A.Parameter   B.Response  C.Server    D.Recordset9.以下不属于JSP脚本元素的是   (   )  A.声明(Declaration)    B.表达式(Expression)  D.Plugin  10.假设现在已经利用Application对象把变量X赋值为120,那么下列语句中能显示出“120"的是   (   )  A.<%=Application“a”%>   B.<%=Application("a")%>n  C.<%=Application(a)%>    D.<%=Application:a%>  二、多项选择题(本大题共l0小题,每小题2分,共20分)在每小题列出的五个备选项中至少有两个是符合题目要求的,请将其代码填写在题后的括号内。错选、多选、少选或未选均无分。  11.项目管理员必须不断使用的技能包括   (   )  A.规划    B.估计和调度   C.测试   D.追踪   E.设计图形界面  12.在创建一个<FORM>标记时,同时还要定义它的METHOD属性。以下(   )是METHOD属性的可选项。  A.SELECT    B.POST    C.GET     D.RESET  E.SUBMIT  13.提供了对象的文本内容,同时还包括了所有的HTML标记的属性有   (   )  A.innerHTML   B.innerTEXT     C.outerTEXT  D.inner  E.outerHTML  14.下面关于AD0对象模型中Connection对象的说法正确是   (   )  A.Connection对象,就是处理连接的对象  B.一个Connection对象代表了一个打开的与数据源的连接  C.用Connection对象提供的方法可以处理连接中的主要问题,如打开连接、执行查询、中断连接等n  D.利用Connection对象中的Parameter集合,可以对各种数据库操作造成的错误进行处理E.Connection对象提供的属性可以设置或读取连接状态、连接参数、连接超时等  15.以下关于.NET的描述正确的是   (   )  A.Microsoft.NET使编程工作变得更加容易,开发投资的回报率也趋于最大化  B.Microsoft.NET减少了程序员要写的代码量  C.Microsoft.NET开创了全新的商业模型,它使得一个公司可以用多种方法来把自己的技术商品化  D.Microsoft.NET允许IT部门使用其他提供商的XMLWeb服务,减少内部研发的开  发的开销,并能提高工作效率  E.Microsoft.NET对“用户界面友好”做了重新定义  16.PHP可以在以下(   )操作系统下使用。  A.Linux   B.WindowNT  C.Unix   D.SCOUnix  E.Window2000  17.在PHP中,读取数据库内数据的函数有    (   )  A.MySQL-fetch-row()     B.MySQL-fetch-query()  C.MySQL_fetch-array()   D.MySQL_result()  E.MySQL_fetch-0bject()  18.在JSP中,标准动作元素有   (   )  A.<jsp:useBean>    B.<jsp:setProperty>n  C.<jsp:param>      D.<jsp:include>    E.<jsp:plugin>  19.在UML的模型中,下列属于交互图的是   (   )  A.类图       B.序列图    C.活动图   D.部署图  E.合作图  20.EJB组件的三种Bean组成包括   (   )  A.会话Bean    B.联系Bean   C.实体Bean  D.错误Bean  E.消息Bean  三、名词解释题(本大题共5小题,每小题3分-共15分)  21.信息出版模型  22.URL的相对引用  23.Web服务器  24.CSS  25.依赖关系四、简答题(本大题共5小题,每小题5分,共25分)  26.简述在确定项目规模时估价项目与步骤。  27.现阶段Web的基本技术包括哪些方面?并简要解释。  28.简述在Web数据库系统中客户端的主要功能。n  29.简述MySQL权限管理的原理和步骤。  30.简述约束示例。  五、论述题(本大题共1小题-共15分)  31.试述ASP.NET中的页面数据缓存技术。  六、综合应用题(本大题共l小题,共15分)  32.文件file.htm中有一段html程序,当使用浏览器执行该文件时出现下图的画面,在请输入您的姓名后的文本框,可以输入文本内容,在请输入您喜欢的影视影星后是一个选择菜单,一次只显示一个,里面分别有:周星驰,周润发,刘德华和其他。在选择您喜欢的周星驰作品后是一个选择菜单,它可以选择多项,里面分别有:鹿鼎记,少林足球,大话西游,喜剧之王,大内密探008,九品芝麻官,武状元苏乞儿,百变金刚和其他。其中窗体第一行是二级标题,第二行是一条水平线,重置按钮可以清空所有的选择框。请写出file.htm文件html代码的内容。      参考答案n  一、单项选择题  1.C  2.B   3.A4.A   5.A   6.B  7.C  8.A   9.D 10.B  1. Web开发过程的第三阶段是建设和测试阶段。这一阶段的目的是开发符合项目设计规划的高质量的Web应用。由于应用被划分成若干部分,所以一些小组成员有可能已经在应用的某个部分进入了建设阶段,而其他成员可能还处在其他部分的设计阶段中。在本阶段的判断点上,整个应用或者某一部分进入运行阶段之前必须得到用户的认可。  2. A类IP地.址的表示范围为1.0.0.o。~126.255.255.255。B类IP地址的表示范围为128.0.0.0~191.255.255.255。C类IP地址的表示范围为192.0.0.0~223.255.255.255。  4.一般来说,Web服务器提供两种类型的安全保护措施:授权和链接加密。授权要求用户通过口令访问Web页,是用相同或不同的“用户名/密码"登陆进入特定的系统。链接加密是指对浏览器和Web服务器之间传输的数据进行加密。  6. 在声明一个变量的时候,只要在变量名前使用字符“$",这样PHP就认为这是一个变量。在变量名后,就可以进行赋值操作了。  7. 与以前的Msql数据库相比较,MySQL数据库的权限认证机制大大地增强了,这体现在MySQL使用了一个专门的数据库存储了用户访问的权限设置。  8.一个Parameter对象代表了一个因为参数化查询或存储过程而与Command对象相关的参数或参量。很多Provider支持带参数的命令。这些带有一次定义的行为,但用变量(或参数)来改变细节命令。  二、多项选择题n  11.ABD  12.BC  13.AE   14.ABCE 15.ABCDE  16.ABCDE 17.ACDE   18.ABCDE 19.BE   20.ACE  11. 项目管理员必须不断使用下面的技能:  (1)规划;(2)估计和调度;(3)追踪;(4)联络。  12. METHOD属性告诉窗体如何将其信息发回到脚本。最普通的方法是POST,它从窗体发送信息到URL。METHOD的另一个选项是GET,将窗体的信息附加到URL尾部。  13. 要修改容器元素对(比如DIV、H2或SPAN)中的内容,可以利用innerHTML或innerText属性。要修改元素本身及其内容,应当用outerHTML属性。以text结束的属性有innerText和outerText两种,分别提供了对象的文本内容(不含标记)。以HTML结束的那两个属性,innerHTML和outerHTML,也提供了相同的内容,但同时还包括了所有的HTML标记。14. 利用Connection对象中的Errors集合,可以对各种数据库操作造成的错误进行处理。  16. PHP支持多种系统平台,包括微软的Windows95,WindoWSNT,WindoWS2000Professional,WindOWS2000Servel平台,以及各种Unix系统,包括Linux,Solaris和SCOUnix平台。  17. 在PHP中,可以读取数据库内数据的函数有:MySQL_fetch—row();MySQL_fetch_array();MySQL_result();MySOL_fetch_object()。而无MySQL_fetch_query()函数。n  18. 标准动作有:(1)<jsp:useBean>;(2)<jsp:setProperty>;(3)<jsp:getProperty>;(4)<jsp:param>;(5)<jsp.include>;(6)<jsp:forward>;(7)<jsp.plugin>。  19. 交互图包括序列图和合作图,用于描述系统的对象之间的动作合作关系。  20. EJB主要由三种Bean组成,会话Bean、实体Bean和消息Bean,EJB2.0开始实体Bean就以全新的模型出现,而消息Bean也是在EJB2.0才引入的。  三、名词解释题  21.信息出版模型指一些Internet上的站点出版信息。公司为了促进它们的产品或者服务,利用Web发布公司信息和工作信息。在许多情况下,公司只是把它原来的印刷销售手册或者年度报告直接放在Web上发布。  22.URL的相对引用:对同一个计算机上文件的URL引用又被称为相对引甩。这意味着URL是相对于浏览器最初装载Web页的计算机和目录的。  23.Web服务器,即为WWW浏览器提供服务的机器。Web服务器是在主控制平台上运行  的软件包,也是在Internet中运行的最重要的软件包。Web服务器提供给用户所需的文件。  24.CSS是层叠样式表的英文缩写,属于DOM的一部分,其属性可以通过动态HTML编写语言得到体现,它是进行网页改变的对象。  25.依赖关系:有两个元素X,Y,若修改元素X的定义;可能引起对另一个元素Y的定义的修改,则称元素Y依赖于元素X。  四、简答题n  26.可以按照下列步骤估价项目:(1)确定Web应用的功能和特点。(2)选择站点模型。  (3)选择浏览器。(4)确定具体内容。(5)确定用户重点。(6)对开发方法取得一致。  27. (1)服务器技术。主要包括服务器策略与结构的设计、服务器软硬件的选择及其他有关服务器构建的问题。.  (2)HTML技术。HTML是一种超文本标识语言,它是构成Web页面的主要工具。  (3)CGl技术。CGl是Web动态页面的基础,也是Web与其他应用交流的基础。  (4)Java技术。利用Java可以创建小应用程序,使之从服务器下载到浏览器,并在客户端的机器上运行。  技术。它具有Java的许多特性,但比Java更为简单有效,而且不需要编译。  则是ActiveX的脚本功能。  (7)VRML技术。VRML是目前创建三维对象最重要的工具。它也是一种基于文本的语言,并可运行于任何平台。  28.(1)建立或断开与服务器的连接;(2)提交访问数据请求;  (3)等待接收结果或服务器发来的错误信息;(4)数据的输入输出及验证;  (5)提供一个良好的用户界面。  29.MySQL的权限系统用来保证用户可以在自身权限范围内顺利的执行权限。当用户连接到MySQL数据库后,身份就会根据主机名和用户名来确认。权限系统据此来赋予操作权限。  一般的,MySQL的权限控制是通过两个步骤进行的:n  步骤l:数据库服务器对登录的用户进行检查,确定是否可以进行连接。  步骤2:在用户连接到数据库服务器后,系统将会对此用户的.每一个请求进行检查。当一个请求发出后,系统首先根据权限表确定你是否可以执行这个操作,如果可以,那么将进行操作,如果你的权限不够,那么则终止操作,并且给出提示信息。  30.{abstract):用于类的约束,表明该类是一个抽象类。{complete):用于关系的约束,表明该分类是一个完全分类。{hierarchy):用于关系的约束,表明该关系是一个分层关系。(ordered):用于多重性的约束,表明目标对象是有序的。{bag):用于多重性的约束,表明目标对象多次出现且无序。  五、论述题  31.ASP.NET提供了一个相当出色的缓存引擎机制,它允许页面保存和索引HTTP请求所要求的各种各样的对象。ASP.NET的缓存对各个应用来说是私有的,是存储各种对象的存储器。缓存的生存周期取决于应用的生存周期,也就是说,当应用重新启动时,缓存实际上也已重建。ASP.NET提供了三种缓存替换的策略:  (1)“腐烂搜索”(scavenging)。比较类似于“最近最少使用’’替换原则,当内存变得比较紧张时,缓存机制会找出最不常用和最不重要的对象,把它从内存中移出,以减轻系统压力。  (2)“到期控制"(Expiration)。编程者可以指定缓存对象的生存周期,这种指定的时间可以是绝对的也可以是相对的。  (3)“文件和键值依赖"。从外部文件或者是其他缓存键值是否改变,来决定本身键值是否有效。如果依赖发生改变,缓存对象将变得不可使用,并从缓存中移动出来。n  六、综合应用题  32.程序如下:  <html>  <head>  <title>选择菜单示例</title>  </head>  <body>  <h2align=Ⅳcenter">表单——选择菜单示  例</h2>  <form>  <p>请输入您的姓名:<inputtype=¨text¨>  </p>  请输入您最喜欢的影视影星:  <p><selectname=”yingshi">  <option>周星驰<option>周润发<option>刘德华<option>其他  </select>d/p>  <p>请选择您喜欢的周星驰作品。d/p>n  <p><selectname--"xingxing"multiplesize="4">  <option>鹿鼎记<option>少林足球<option>大话西游Goption>喜剧之王Goption>大内密探008<option>九品芝麻官<option>武状元苏乞儿<option>百变金刚<option>其他  </select>d/p>  <p><inputtype="submit"name="submit—button"value="提交"></p>  </form>  </body>  </html> </div> <div class="show-more-content">查看更多</div> </div> </div> <div class="relate"> <h2>相关文章</h2> <ul class="docs"> </ul> </div> <div class="last"> <h2>您可能关注的文档</h2> <ul class="docs"> <li><a href="/office/3676896.html" title="培训工作年终总结结尾范本" target="_blank" owa-bind="had" data-sm="spm,1.2.5.10,0"> <i class="icon-font icon-format icon-format-doc"></i> <strong>培训工作年终总结结尾范本</strong> </a> </li> <li><a href="/office/3676895.html" title="党管武装述职报告自查报告(精选多篇)" target="_blank" owa-bind="had" data-sm="spm,1.2.5.10,0"> <i class="icon-font icon-format icon-format-doc"></i> <strong>党管武装述职报告自查报告(精选多篇)</strong> </a> </li> <li><a href="/office/3676892.html" title="团支部工作年终总结(一)" target="_blank" owa-bind="had" data-sm="spm,1.2.5.10,0"> <i class="icon-font icon-format icon-format-doc"></i> <strong>团支部工作年终总结(一)</strong> </a> </li> <li><a href="/office/3676890.html" title="团支部工作年终总结范文" target="_blank" owa-bind="had" data-sm="spm,1.2.5.10,0"> <i class="icon-font icon-format icon-format-doc"></i> <strong>团支部工作年终总结范文</strong> </a> </li> <li><a href="/office/3676891.html" title="党校学报编辑部的述职报告(精选多篇)" target="_blank" owa-bind="had" data-sm="spm,1.2.5.10,0"> <i class="icon-font icon-format icon-format-doc"></i> <strong>党校学报编辑部的述职报告(精选多篇)</strong> </a> </li> <li><a href="/office/3676887.html" title="党政办秘书述职报告" target="_blank" owa-bind="had" data-sm="spm,1.2.5.10,0"> <i class="icon-font icon-format icon-format-doc"></i> <strong>党政办秘书述职报告</strong> </a> </li> <li><a href="/office/3676886.html" title="团总支办公室工作年终总结范文" target="_blank" owa-bind="had" data-sm="spm,1.2.5.10,0"> <i class="icon-font icon-format icon-format-doc"></i> <strong>团总支办公室工作年终总结范文</strong> </a> </li> <li><a href="/office/3676884.html" title="品管部工作年终总结" target="_blank" owa-bind="had" data-sm="spm,1.2.5.10,0"> <i class="icon-font icon-format icon-format-doc"></i> <strong>品管部工作年终总结</strong> </a> </li> <li><a href="/office/3676880.html" title="单位依法行政工作年终总结六篇" target="_blank" owa-bind="had" data-sm="spm,1.2.5.10,0"> <i class="icon-font icon-format icon-format-doc"></i> <strong>单位依法行政工作年终总结六篇</strong> </a> </li> <li><a href="/office/3676875.html" title="党支部党建工作述职报告(精选多篇)" target="_blank" owa-bind="had" data-sm="spm,1.2.5.10,0"> <i class="icon-font icon-format icon-format-doc"></i> <strong>党支部党建工作述职报告(精选多篇)</strong> </a> </li> </ul> </div> </div> <div id="operate" style="display: block;"> <ul class="h-100 px-2 d-flex align-items-center mb-0"> <!-- <li class="collect">--> <!-- <a id="operate_collect" href="javascript:;" title="收藏"><i class="iconfont"></i><span>收藏</span></a>--> <!-- </li>--> <!-- <li class="share">--> <!-- <a id="operate_share" href="javascript:;" title="分享"><i class="iconfont"></i><span>分享</span></a>--> <!-- </li>--> <!-- <li class="report">--> <!-- <a id="operate_report" href="javascript:;" title="投诉"><i class="iconfont"></i><span>投诉</span></a>--> <!-- </li>--> <li class="w-50"> <span style="color: #999;line-height: 35px">当前文档收益归属上传用户</span> </li><li class="w-50" > <button id="title_download" style="padding:10px 0!important;" type="button" type="button" class="w-100 rounded-pill btn-download d-block" data-toggle="modal" data-target="#rechargeModal" data-id="1604595" title="2011年自考互联网软件应用与开发模拟试题及答案(1)" data-binddown="true"><span>下载文档</span></button> </li> </ul> </div> <div id="sidebar"> <ul class="list"> <!--下一篇--> <li class="next"><a href="/zxxedu/1604596.html" title="2012-2013-2《线性代数》答案B"><i class="iconfont"></i><span>下一篇</span></a> </li> <li class="top" style="display: none;"><a href="javascript:;" title="置顶"><i class="iconfont"></i></a></li> </ul> </div> <!-- 充值Modal --> <div class="modal fade" id="rechargeModal" data-backdrop="static" tabindex="-1" data-keyboard="false" aria-labelledby="rechargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-end"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-center flex-grow-1 font-weight-bold " style="font-size: 18px; padding-left: 34px;" id="rechargeModalLabel">下载文档</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="bg-light px-3 py-2"> <div style="font-size: 16px;">2011年自考互联网软件应用与开发模拟试题及答案(1)</div> <div class="text-secondary" ><span class="mr-4">文档大小:157.00 KB</span> <span>文档价格:<span class="price"></span></span></div> </div> </div> <div class="modal-footer justify-content-center px-0 py-0"> <div class="container d-flex justify-content-between align-items-center bg-white flex-nowrap px-1"> <div class="w-50 pr-1"> <button class="btn btn-success w-100 d-flex align-items-center justify-content-center" id="wechatPay" style="height:45px"><img class="mr-1" src="/static/pc/img/wechatpay-icon.png" alt="">微信支付</button> </div> <div class="w-50 pl-1"> <button class="btn btn-primary w-100 d-flex align-items-center justify-content-center" id="aliPay" style="height:45px"><img class="mr-1" src="/static/pc/img/alipay-icon.png" alt="">支付宝支付</button> </div> </div> </div> </div> </div> </div> <!-- download模态框 --> <!-- Modal --> <div class="modal fade" id="downloadModal" tabindex="-1" aria-labelledby="downloadModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered justify-content-center"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-center flex-grow-1 font-weight-bold " style="font-size: 18px; padding-left: 34px;" id="rechargeModalLabel">下载文档</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="bg-light px-3 py-2 mb-4"> <div style="font-size: 16px;">2011年自考互联网软件应用与开发模拟试题及答案(1)</div> <div class="text-secondary" ><span class="mr-4">文档大小:157.00 KB</span> <span>文档价格:<span class="price"></span></span></div> </div> <div class="text-center"> <div class=""><button class="btn btn-primary px-3 py-2 mb-1" id="download-btn">立即下载文档</button></div> </div> </div> </div> </div> </div> <div id="mobilePayBox" class="mobile-pay-box" style="display: none;"></div> <div id="closeAlipay" class="close-ali-pay" style="display: none;">关闭</div> <!--footer start--> <div id="search_layer" style="display: none"> <div class="search"> <form class="form" method="post" name="searchform" action="/../e/search/index.php" onsubmit=""><i class="iconsearch"></i> <input type="hidden" value="title" name="show"> <input type="hidden" value="4" name="tempid"> <input type="hidden" value="wenku" name="tbname"> <input name="mid" value="2" type="hidden"> <input name="dopost" value="search" type="hidden"> <input class="search-control" name="keyboard" type="text" aria-label="请输关键词搜索文档" placeholder="请输关键词搜索文档" autocomplete="off"> <button class="btn-search" type="submit" title="点击搜索"></button> </form> <div class="cancel"><a href="javascript:;" title="个人中心">取消</a></div> </div> <div class="log"> <div class="hd"><strong>历史搜索</strong><a class="clear" href="javascript:;" title="清空搜索历史"><i class="iconsearch"></i></a></div> <ul class="list"></ul> </div> <div class="auto"></div> </div> <div id="footer"> <div class="tort">侵权举报请联系 QQ:<a href="mqqwpa://im/chat?chat_type=wpa&uin=3074922707&version=1&src_type=web&web_src=oicqzone.com">3074922707</a> <div class="copyright">© 2010-2022 | m.61taotao.com 淘文库. All Rights Reserved</div> <div <a href="https://beian.miit.gov.cn/#/Integrated/index" style="color: #0a8ddf">闽ICP备2021004933号-2</a></div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?e21f8c2ce5a8665d5d89ab97817f6393"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!--footer end--> <script type="text/javascript" src="/static/pc/js/global.min.js"></script> <script type="text/javascript" src="/static/m/common/js/util.js"></script> <script type="text/javascript" src="/static/m/common/js/common.js"></script> <script type="text/javascript" src="/static/pc/js/main.js"></script> <script type="text/javascript" src="/static/m/common/js/downloadFile.js"></script> <script type="text/javascript"> (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) { return; } if (clientWidth >= 750) { docEl.style.fontSize = '100px'; } else { docEl.style.fontSize = 100 * (clientWidth / 750) + 'px'; } }; if (!doc.addEventListener) { return; } win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window); var detail_sidebar = { init: function(){ var that = this; that.top(); that.next(); }, top: function(){ var $top = $('#sidebar ul.list li.top'); $(window).scroll(function() { clearInterval(d); var d = setTimeout(function(){ if($(window).scrollTop() >= 100){ $top.fadeIn(300); }else{ $top.fadeOut(300); } },300) }); $top.find('a').on('click',function(){ $('html,body').animate({ scrollTop: '0px' }, 1000); }); }, next: function(){ $('#sidebar ul.list li.next a').on('click',function(){ operate_next.init(); }); } }; detail_sidebar.init(); var previewMoreCon = { encodeHasLeftView: true, //转码-是否还有剩余预览未显示 encodePage: 0, //转码-剩余预览页码 encodeLeftImgList: [], //转码-待加载图片列表 encodeSuffix: '', //转码-预览图片前缀 encodeMoreBtn: '#encodeMoreBtn', //转码-预览更多图片触发按钮 encodeMoreCon: '#encodeMoreCon', //转码-图片容器 noEncodeHeight: 800, //未转码-超出高度 noEncodeCon: '#noEncodeCon', //未转码-文本容器 noEncodeMroeBtn: '#noEncodeMoreBtn', //未转码-预览更多图片触发按钮 isEncode: true, //是否转码 init: function(moreCallback, noMoreCallback){ var _this = this; var encodeMoreBtn = this.encodeMoreBtn.slice(1); if (document.getElementById(encodeMoreBtn) && $(this.encodeMoreBtn).is(':visible')) { this.isEncode = true; this.getImgList(); $(this.encodeMoreBtn).click(function () { _this.loadMoreImg($(this),moreCallback, noMoreCallback) }) } else { this.isEncode = false; //未转码页面显示更多 if ($(this.noEncodeCon + ' .detail-con-more-txt').outerHeight(true) > this.noEncodeHeight) { $(this.noEncodeMroeBtn).show(); } else { $(this.noEncodeMroeBtn).hide(); } $(this.noEncodeMroeBtn).click(function () { //如果未登录则弹出登录框 // if (!LOGIN_STATUS || LOGIN_STATUS === '') { // messageAlert.bsError('获取登录状态中,请稍后重试'); // return; // } else if (!LOGIN_STATUS || LOGIN_STATUS !== '1') { // $('#loginModal').modal('show'); // return; // } $(this).prop('disabled', true).addClass('text-primary').text('全部内容已经预览完成,下载至电脑可进行编辑'); $(_this.noEncodeCon).removeClass('detail-con-more') }); } }, getImgList: function() { var _this = this; var imgListItemSrcArr = $(this.encodeMoreCon + ' img:last').attr('src').split('/'); var imgListItemSrcNum = parseInt(imgListItemSrcArr[imgListItemSrcArr.length - 1].split('.')[0]); var imgListItemSrcSuffix = '.' + imgListItemSrcArr[imgListItemSrcArr.length - 1].split('.')[1]; var leftImgNum = $(this.encodeMoreBtn + ' b').text(); leftImgNum = leftImgNum ? parseInt(leftImgNum) : 0; imgListItemSrcArr.pop(); var imgListItemUrl = imgListItemSrcArr.join('/'); for (var i = 0; i < leftImgNum; i++) { var imgUrl = imgListItemUrl + '/' + (imgListItemSrcNum + i + 1) + imgListItemSrcSuffix; _this.encodeLeftImgList.push(imgUrl); } }, loadMoreImg: function(btn, moreCallback, noMroeCallback){ var _this = this; //如果未登录则弹出登录框 // if (!LOGIN_STATUS || LOGIN_STATUS === '') { // messageAlert.bsError('获取登录状态中,请稍后重试'); // return; // } else if (!LOGIN_STATUS || LOGIN_STATUS !== '1') { // $('#loginModal').modal('show'); // return; // } //如果没有剩余预览未显示 if (!this.encodeHasLeftView) { return; } this.encodePage++; var minNum = (this.encodePage - 1) * 5 - 1; var maxNum = this.encodePage * 5; $(this.encodeLeftImgList).each(function (index, item) { if (index > minNum && index < maxNum) { var img = document.createElement('img'); img.src = item; $(_this.encodeMoreCon).append(img); $(_this.encodeMoreCon).append($(_this.encodeMoreCon + ' .bg-light:first').clone()) } else if (index >= maxNum) { return false; } }); if (this.encodeLeftImgList.length <= maxNum) { btn.html('<span class="text-primary">预览已结束,查看全部内容需要购买此文档</span>'); btn.prop('disabled', true); this.encodeHasLeftView = false; if (noMroeCallback) { noMroeCallback() } } else { btn.html('还剩 <b class="text-primary">' + (this.encodeLeftImgList.length - maxNum) + '</b> 页未读,<span class="text-primary">点击继续阅读</span><i class="iconfont text-primary"></i>'); if (moreCallback) { moreCallback() } } } }; previewMoreCon.init(); $('.show-more-content').click(function () { $('.describe .content').removeClass('more-content'); $(this).hide(); }); if ($('#contentContainer').outerHeight(true) > 145) { $('.show-more-content').show(); } </script> </body> </html>