第七章 在Web中使用表单.docx
《第七章 在Web中使用表单.docx》由会员分享，可在线阅读，更多相关《第七章 在Web中使用表单.docx（48页珍藏版）》请在冰豆网上搜索。
第七章在Web中使用表单
第7章在Web中使用表单
第7章在Web中使用表单1
7.1在表单中使用公式和JavaScript2
7.2在表单中使用Web元素6
7.2.1嵌入Web元素6
7.2.2创建特殊用途的模板表单6
7.2.3嵌入视图的例子7
7.2.4在表单和表单对象中使用HTML属性8
7.2.5RTF文本域的属性9
7.2.6Cookie9
7.3使用表单操作和热点10
7.3.1表单操作10
7.3.2使用热点12
7.4在表单内使用html13
7.4.1在域中使用Html13
7.4.2在表单内直接使用内置Html14
7.4.3显示附属图形文件14
7.4.4把文本域显示为文本区域17
7.5在表单内使用CGI变量18
7.6表单和搜索19
7.6.1定制视图搜索表单20
7.6.2定制搜索界面24
7.6.3定制SiteSearch表单28
7.6.4定制搜索结果表单29
7.7其它特性31
7.7.1使用隐藏域31
7.7.2获取上载文件名称32
表单是Notes应用的基础，它们决定了数据在输入输出过程中的显示方式；在一定程度上，也决定了在数据库中信息是如何存储的。
如果没有设计漂亮的表单，就不会有精美的Domino应用。
如果你熟悉HTML的表单，开始时你可能会被LotusNotes的表单弄糊涂。
和HTML表单一样，Notes的表单被用来从用户那儿获取信息（通常是通过可编辑的域）。
和HTML表单不一样的是，Notes的表单也被用来显示已经获取的信息。
这些信息存储在称为文档的容器之中。
当你打开一个Notes表单时，填写完信息，选择保存。
此时，在数据库中保存一个新文档。
这个文档中包含了一个Form域，它的值是用来创建文档的表单名，当你打开文档时，这个表单被用来显示信息。
文档是数据的一部分，表单是数据库设计的一部分。
这和一个数据库中的记录（称为数据）与表（称为基础组织）二者之间的关系相类似。
在HTML表单和Notes表单中，另一个不同的地方是访问的模式。
在默认情况下，当你打开一个Notes文档时，它处于阅读模式（只读模式）；读者所看到的都是在一个字处理器中创建的文档，不包含任何文本域或下拉列表。
如果你将此文档改成编辑模式，则它有着明显的不同：
可编辑文本域，下拉列表，以及其他元素都变得可见了，好像是在一个HTML的表单之中。
然而，你所见到的并非是一个表单，确切地说，你所看到的文档，是通过一个表单显示出来的。
当你想通过Web来创建一个新文档时，你通过打开表单OpenFormURL命令打开一个适当的表单。
例如，下面的URL在“讨论数据库”中打开了MainTopic的表单。
http:
//localhost/discuss.nsf/MainTopic?
openForm
Domino将Notes表单转化成一个HTML表单以响应你的请求。
当然，Notes客户端应用还可以使用表单的没有HTML等价的另外一些特征，这些特征并不能在Domino的Web应用中工作。
你可以通过提交表单来保存新文档。
提交表单时会触发表单事件（通过一个CreateeDocumentURL对象）。
继而，Domino使用在CreateDocumentURL中指定的表单将信息从HTML表单传输过来并保存在数据中。
你不必考虑一个Notes表单是否适合Web。
在你的Notes表单或文档中使用的大部分格式都能被Domino服务器翻译成HTML语言。
随着Domino新版本的推出，由Notes向Web的转换会更完善，更完美。
我们在Web设计中，还要配合Html的很多特性，比如CSS等。
7.1在表单中使用公式和JavaScript
在表单中使用公式和JavaScript主要体现在几个方面：
1）窗口标题公式
2）html首页内容
3）htmlBody属性
4）JSHeader
5）表单在We上支持的其他事件
6）域公式和事件
图表1表单事件中使用公式
1．窗口标题公式
在这里以字符串的形式制订窗口标题，在Web上对应为HTML的
标签的内容。</p><p>显示在浏览器的标题栏里。</p><p>2．html首页内容</p><p>在Web上设置<head>标签中的内容。</p><p>也可以在表单中使用“$$HTMLHead”域设置此标签的内容。</p><p>下例是在Designer中用公式指定一个JavaScript脚本库global.js。</p><p>如果在字符串中使用引号，请加转义符反斜杠“\”.公式@WebDbName获得符合Web格式的数据库文件名。</p><p>图表2html首页内容使用公式</p><p>或者在公式中使用“{}”来应用字符串，这样在字符串中间就不需要转义符了。</p><p>这两种做法效果是相同的。</p><p>在浏览器IE（后面所用浏览器都是IE）中预览，然后查看源文件：</p><p>图表3在浏览器中查看Html首页内容</p><p>3．HtmlBody属性</p><p>设置<body>标签的属性。</p><p>遵循公式的语法。</p><p>下例设置Body的背景图片。</p><p>图表4表单中的Htmlbody属性</p><p>在Web中显示（截取局部）</p><p>图表5在浏览器中查看Body属性</p><p>查看源文件</p><p>4．JSHeader</p><p>在Html页面中定义应用于本页面的JavaScript代码，遵循JavaScript的语法。</p><p>而不是公式的语法。</p><p>在这里定义的JavaScript函数和变量可以在整个表单中使用。</p><p>图表6在JSHeader中使用JavaScript</p><p>查看Web源程序</p><p>图表7在浏览器中查看JSHeader产生的Script标签</p><p>5．表单在Web上支持的其他事件</p><p>作为Web应用程序，我们一般在公式的这些事件中使用JavaScript代码，遵循JavaScript的语法。</p><p>如：</p><p>OnLoad，OnUnLoad，OnClick，OnSubmit</p><p>以OnLoad为例</p><p>图表8在onLoad事件中使用JSHeader中定义的JavaScript函数</p><p>在OnLoad里面使用了上面定义的showCopyRight函数，每当转载后就显示版权信息。</p><p>图表9onLoad函数的效果</p><p>6．域公式和事件</p><p>与的缺省值公式、计算值公式、输入转换公式、输入校验公式等都可应用Web，见第6章。</p><p>下面以“IBM认证系统”的studentinfo表单为例，在输入姓名的长度应大于等2，小于等于4。</p><p>输入转换公式：</p><p>图表10域的输入转换公式</p><p>输入校验公式：</p><p>图表11域的输入验证公式</p><p>在Web中预览，只输入一个字，前后有多个空格：</p><p>“杨”</p><p>图表12域输入验证公式效果</p><p>保存后返回下面结果</p><p>注意：</p><p>这个输入验证是在服务器上发生的，不是在客户端，如果提交的数据流比较大，效率不太高。</p><p>后面会讲解在浏览器中用JavaScript校验。</p><p>7．$$Return域</p><p>$$Return是一个特殊的域，它的值决定了用户递交了表单后将会看到什么。</p><p>如果返回值是包含在方括号中间的URL，用户的浏览器将直接指向此URL，否则，Domino仅仅向浏览器传输值。</p><p>只有执行了下述命令后才会启用$$Return域的作用。</p><p>@Command（[FileSave]）;</p><p>@Command（[FileCloseWindow]）</p><p>我们可以在$$Return域中写下列内容，表单提交后，打开另外一个URL。</p><p>图表13$$Return域中的公式</p><p>如果不使用$$Return域，表单提交后，仅仅显示文字“表单已处理”。</p><p>7.2在表单中使用Web元素</p><p>在Domino中提供了许多不同类型的设计元素，他们都非常有用。</p><p>但是，当配合着使用这些元素时，常常变得更为有效。</p><p>配合使用Domino的设计元素的最常用的方法是在一个表单内嵌入多种元素。</p><p>嵌入的元素包括视图、导航器、大纲和文件上载控件。</p><p>7.2.1嵌入Web元素</p><p>在表单中和其他设计元素，例如大纲，一起配合使用的最简单的方法是直接嵌入元素。</p><p>例如，你可以创建一个小的水平的大纲，并嵌入到每一个表单中，以帮助用户使用数据库。</p><p>若使用这种方法，通过一个OpenFormURL打开表单来显示此大纲（或其他设计元素）。</p><p>可以使用“创建菜单”。</p><p>图表14在表单中嵌入元素</p><p>7.2.2创建特殊用途的模板表单</p><p>你可以创建一些特殊的表单，不但可以使用OpenForm的URL，也可以使其他URL，例如OpenView或OpenNavigator来打开这个表单。</p><p>1．$$ViewTemplate</p><p>你可以让Domino总是使用一个表单来显示一个特殊的视图。</p><p>为此，给此视图命名为：</p><p>$$ViewTemplateforViewName</p><p>在此，ViewName是视图的名字或别名。</p><p>例如，一个用来显示AllbyDate视图的表单可以命名为$$ViewTemplateforAllbyDate。</p><p>当你创建这种$$ViewTemplate的类型的表单时，必须在表单中嵌入视图本身（或者，你也可以包含一个名为$$ViewBody的域来替换嵌入的视图）。</p><p>2．$$ViewTemplateDefault</p><p>假设你的Domino数据库包含20个不同的视图，而你想让他们具有一致的风格，你可以创建一个$$ViewTemplate表单，并做19份拷贝，每一个对应一个视图，但这会非常费时。</p><p>相反，你可以创建一个简单的表单，用来显示数据库内的任何视图，仅仅只须给表单命名为</p><p>$$ViewTemplateDefault.</p><p>当你创建这种$$ViewTemplate表单时，嵌入一个视图元素（或$$ViewBody域），而不必指定一个特殊的视图。</p><p>3．$$NavigatorTemplate</p><p>你可以让Domino总是使用一个表单来显示一个特殊的导航器。</p><p>为此，给表单命名为：</p><p>$$NavigatorTemplateforNavigatorName</p><p>4．$$NavigatorTemplateDefault</p><p>你可以创建一个简单的表单，用来显示数据库内的任何导航器，仅仅只须给表单命名为</p><p>$$NavigatorTemplateDefault.</p><p>5．联合表单</p><p>你可以使用联合的表单名或别名来创建多重目的的表单。</p><p>例如，如果你给表单命名为：</p><p>$$ViewTemplateDefault|$$NavigatorTemplateDefault</p><p>缺省地，使用同一个表单来显示数据库中的任何视图或导航器。</p><p>7.2.3嵌入视图的例子</p><p>在数据库中创建一个$$ViewTemplateDefault表单，嵌入一个$$ViewBody域。</p><p>图表15$$ViewTemplateDefault表单</p><p>当打开视图时，就使用这个表单显示</p><p>图表16缺省模板表单的显示效果</p><p>7.2.4在表单和表单对象中使用HTML属性</p><p>你可以在表单中为表单和表单中的每一个元素指定HTML属性。</p><p>在Domino中这样做而不是编辑一个静态的HTML文件的好处是你可以使用Notes的公式语言来决定HTML属性。</p><p>如果你想使表单的HTML根据用户或域值或其他元素的不同而改变的话该属性非常有用。</p><p>表单的html属性</p><p>图表17表单的Html属性</p><p>域的html属性</p><p>图表18域的html属性</p><p>表单的“Html首页内容”输入在<head></head>标签之间的内容。</p><p>也可以在表单中用$$Htmlhead代替。</p><p>我们可以在表单“Html首页内容”中增加一个<meta>标签：</p><p>{<metahttp-equiv="refresh"content="10">}</p><p>每个10秒对当前页面刷新一次。</p><p>查看源文件：</p><p>图表19使用Meta标签</p><p>7.2.5RTF文本域的属性</p><p>你可以通过在域的HTML属性中指定行数和列数来控制RTF文本域的大小。</p><p>在其Html属性中指定下述公式：</p><p>"rows=10cols=40wrap=virtual"</p><p>在html源文件的值如下：</p><p><textareaname="InfoBody"rows=10cols=40wrap=virtual></textarea></p><p>7.2.6Cookie</p><p>使用一个<META>标记，设置Cookie和一个CGI域，并返回值。</p><p>Cookie是当客户端要求一个特殊的URL时，HTTP服务器传输给客户端的一些信息。</p><p>然后，当客户端在同一域内请求其他的URL时，客户端为此域传输给服务器所有的Cookies.Cookie数据被保留在客户端机器上的浏览中。</p><p>当用户打开一个Domino表单时，你可以使用<META>标记的HTTP-EQUIV属性来设置一个Cookie。</p><p>为此，创建一个HTML的Head公式，它的值为如下格式：</p><p>"<metahttp-equiv=\"Set-Cookie\"content=\"cookiename=value\">"</p><p>为了得到Cookie数据，创建一个名为HTTP_COOKIE的多值文本域（HTTP_COOKIE是一个CGI变量）。</p><p>在html首页属性中写入：</p><p>"<metahttp-equiv=\"Set-Cookie\"content=\"CUSTOMER=explorer;path=/;expires=Friday,31-Dec-200523:</p><p>59:</p><p>59GMT;\">"</p><p>在表单上创建一个“HTTP_Cookie”域。</p><p>在浏览器中打开表单，在Http_Cookie域中会看到Cookie的值</p><p>图表20使用meta标记设置Cookie</p><p>观察其结果，除了用户设置的外，Domino自动增加了一个Cookie，名字是DomAuthSessId，用于Domino认证。</p><p>7.3使用表单操作和热点</p><p>7.3.1表单操作</p><p>可以创建表单操作按钮，用于Notes客户端，Web浏览器，或者两者都用。</p><p>对于Notes客户端的应用，你可以配置表单操作，并在菜单条中显示，但在Web浏览器中的应用并不支持这一点。</p><p>对Domino的操作按钮有两种类型的使用方式。</p><p>有一种缺省按钮的方式，当你在数据库属性中设置了“Web访问:</p><p>UseJavascriptwhengeneratingpages”,即是这种结果。</p><p>这一部分描述了缺省的方式。</p><p>另外一种方式见后面的章节。</p><p>缺省地Domino将操作按钮转换为简单的URL链接或命令。</p><p>某些类型的公式比较容易转换为URL。</p><p>但有些公式，例如@DialogBox，因为它们没有相类似的对应URL而不被支持，如果你创建了一个表单操作按钮，但它不能被转换为一个URL链接，Domino将帮你隐藏它。</p><p>仅管Domino并不支持直接使用LotusScript的按钮，但它可以显示一个按钮，此按钮使用@command（[ToolsRunMacro]）公式来运行LotusScript或Java代理。</p><p>当然，这些代理只能使用Web支持的特性。</p><p>对于在Domino下运行的代理，LotusScript的前端类是不可用的。</p><p>例如，你不能创建一个运行Domino代理的按钮，它使用NotesUIDocument.Cut（）和UIDoucment.paste（）。</p><p>下表显示了在Domino应用中非常实用的表单操作按钮。</p><p>图表21常用的表单操作</p><p>操作</p><p>例子</p><p>创建新文档</p><p>@command（[Compose];”StudentInfo”）</p><p>保存文档</p><p>@command（[filesave]）</p><p>编辑当前文档</p><p>@Command（[EditDocument]）</p><p>删除当前文档</p><p>@Command（[Editclear]）</p><p>使用浏览器打开URL</p><p>@URLOpen（“”）</p><p>打开一个视图</p><p>@Command（[OpenView];"UserProfiles"）</p><p>在视图中打开一个特殊的文档</p><p>@Command（[OpenView];"UserProfiles";@Username）;</p><p>@Command（[OpenDocument]）;</p><p>运行代理</p><p>@Command（[ToolsRunMacro];"Cleanup"）</p><p>打开导航</p><p>@command（[OpenNavigator];"MainMenu"）</p><p>提供在线帮助</p><p>@Urlopen（"/"+@WebDbName+"/$help?</p><p>Openhelp"）</p><p>以“保存”为例，转化成的URL为<a>标记：</p><p>图表22表单操作的转化结果</p><p>调用了一个_doClick函数：</p><p>图表23操作的公用_doClick函数</p><p>在代码的最后调用了一个表单submit提交函数。</p><p>在提交之前设置了target属性和域_Click的值。</p><p>在Designer为“StudentInfo”表单创建的操作如下：</p><p>在浏览器的显示效果如下（有些操作被隐藏了）：</p><p>每个操作被转换成<a>标记后，显示在表格里。</p><p>但是这个样式不太美观。</p><p>设想用<table>的属性修改其样式，发现该表格没有名称，如果修改其样式，则表单的所有表格都回发生变化。</p><p>经过仔细观察表单产生的html代码，发现操作使用的表格在最上面。</p><p>可以用下面的JavaScript代码修改操作条的样式：</p><p>functionsetActionBarStyle（）</p><p>{</p><p>varcoll=document.all.tags（"table"）;</p><p>varbg="#c0c0c0";</p><p>varbg2="#FFFFFF";</p><p>if（coll!</p><p>=null）</p><p>{</p><p>vart=coll[0];//第一个表格</p><p>varr=t.rows[0];</p><p>t.border=0;</p><p>t.borderColor=bg;</p><p>t.name="actionbar";</p><p>t.bgColor=bg2;</p><p>r.bgColor=bg;</p><p>t.cellPadding=1;</p><p>t.cellSpacing=1;</p><p>t.style.color="#FFFFF0";</p><p>}</p><p>}</p><p>具体设置方法是：</p><p>把这个函数放在表单的“JSHeader”事件中，或者创建一个JavaScript库，在表单的“Hmtl首页内容”中引入。</p><p>在表单的onLoad事件中调用该函数。</p><p>图表24设置表单操作的新样式</p><p>重新刷新页面后，显示如下：</p><p>图表25改变后的表单操作样式</p><p>去掉了表格的边框。</p><p>7.3.2使用热点</p><p>在表单中可以创建下列类型的热点：</p><p>图表26创建热点</p><p>在Web中支持链接热点，按钮和操作热点。</p><p>●链接热点在Web上转换为<a>标记。</p><p>●操作热点的转化方式和表单操作相同。</p><p>●按钮，在Web上转换为<inputtype=button>标记，附带一个OnClick事件。</p><p>下面的表单上有4个操作按钮：</p><p>图表27表单中的热点按钮</p><p>在浏览器中转化为<input></p><p>图表28热点按钮转化成的html代码</p><p>7.4在表单内使用html</p><p>7.4.1在域中使用Html</p><p>有时为了达到一些特殊效果，我们需要在表单中直接使用HTML，下面以一个列表为例子，假设你有一个ProjectSkills的多值域，用户使用下拉列表框中选定的值来填充它，之后，当用户使用只读模式打开该文档的时候，选定的值被显示时，Notes会让你选择某个老式的定界符，例如：</p><p>ProjectManagement；SystemsAnalysis；NetworkEngineering</p><p>创建一个特别的计算域，令它在编辑状态时隐藏，使用下面的公式把这些值转换为HTML：</p><p>"[<li>"+ProjectSkills+"</li>]"</p><p>这个公式在ProjectSkills域的开始和结尾添加列表标签，如果你将这个域设置为每行显示一个值，你得到的结果如下：</p><p>[<li>ProjectManagement</li>]</p><p>[<li>SystemsAnalysis</li>]</p><p>[<li>NetworkEngineering</li>]</p><p>在Web浏览器中转换为列表：</p><p>ProjectManagement</p><p>SystemsAnalysis</p><p>NetworkEngineering</p><p>方括号和尖括号在Domino中代表直接传递到浏览器的HTML代码，作为结果，在浏览器中以加重表单的方式列出技能项目。</p><p>如果你希望你的表单在Notes中和在浏览器中同样吸引人，请注意保证这个域对Notes客户端用户隐藏。</p><p>7.4.2在表单内直接使用内置Html</p><p>为了向浏览器直接传送HTML代码，我们还可以把html代码之间写在表单内，选择这些文本，在“文本”菜单中选择“内置Html”。</p><p>图表29使用内置html文本</p><p>下图中的灰色代码就是“内置Html”，直接在浏览器中显示，他们的含义是创建了一个表格。</p><p>图表30内置html文本的格式</p><p>7.4.3显示附属图形文件</p><p>当我们在表单中嵌入“文件上载控制”后，在浏览器中可以向文档上载附件。</p><p>图表31表单中使用文件上载控制</p><p>使用Domino表单嵌入的控制上载的文件被自动附加在创建的Notes文档中。</p><p>默认情况下，Domino把文件附件显示为一个图标，该图标连接到附加的URL中。</p><p>附加的URL采用如下形式：</p><p>http:</p><p>//Server/database/view/document/$file/filename</p><p>根据文件类型的不同，点击一个指向文件的链接将有不同的效果。</p><p>例如，点击一个指向典型的二进制文件的链接将引发浏览器显示一个提示询问你是想用某个应用程序打开该文件还是想把它保存在本地的硬盘上。</p><p>点击一个指向HTML文件的链接，将引起浏览器显示HTML文件内容，这与把HTML文件保存在服务器的文件系统中效果是不一样的。</p><p>对于Web兼容的图形文件，比如JPG形式或GIF形式，我们希望能够直接看到他们的内容。</p><p>最简单的处理办法是创建一个计算域，这个域使用@AttachmentNames函数产生一系列的<img>标签，每个附属文件一个。</p><p>（@AttachmentNames函数返回所有附属文件的列表，类似地，@AttachmentLengths函数返回所有附属文件的长度）。</p><p>这种方法的问题在于并非每个文件都是图形文件，事实上，并非每个附属图形都是Web兼容的形式，某些图形可能是TIF，PCX或者BMP形式。</p><p>我们需要做的是只对那些JPG或GIF形式的文件产生<IMG>标签而忽略其他文件格式。</p><p>我们在“InfoContentForm”表单的下部创建了一个显示时计算域“InfoPhoto”，它产生一些列的<IMG>标签，而前只针对Web兼容的图片。</p><p>下图显示了它的效果。</p><p>图表32直接显示文档附属的图形文件</p><p>可以看出，文档中有3个附件，只为Web支持的图形创建了<IMG>标签。</p><p>下面是InfoPhoto的计算公式：</p><p>1）NoPreviewMsg:</p><p>="图片（无）";</p><p>2）SupportedImages:</p><p>="gif":</p><p>"jpeg":</p><p>"jpg":</p><p>"jpe":</p><p>"jfif":</p><p>"pjpeg":</p><p>"pjp":</p><p>"bmp";</p><p>3）SupportedImages:</p><p>=@UpperCase（SupportedImages）;</p><p>4）InfoAttNames:</p><p>=@Attachme</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 = "3676797";
var total_page = "48";
var mfull = false;
var mshow = false;
function DownLoad() {
window.location.href='https://m.bdocx.com/down/3676797.html';
}
function relate() {
var reltop = $('#relate').offset().top-50;
$("html,body").animate({ scrollTop: reltop }, 500);
}
</script>
<script> var pre = "https://file1.bdocx.com/fileroot1/2022-11/24/c23be32a-8274-478f-99b2-4fdbf8507d2b/c23be32a-8274-478f-99b2-4fdbf8507d2b";
var freepage = parseInt('20');
var total_c = parseInt('48');
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=\"第七章 在Web中使用表单.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/30848081.html" title="生理学课件全套PPT课件.ppt">生理学课件全套PPT课件.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30848069.html" title="社会心理学(全)金盛华主编ppt课件.ppt">社会心理学(全)金盛华主编ppt课件.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30848055.html" title="螺丝基本知识培训.ppt">螺丝基本知识培训.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847796.html" title="行测-逻辑推理课件.ppt">行测-逻辑推理课件.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847795.html" title="密封件基础知识.ppt">密封件基础知识.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847794.html" title="曼昆经济学原理第5版宏观PPT全.ppt">曼昆经济学原理第5版宏观PPT全.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847793.html" title="第09章-物料需求计划(MRP)的编制.ppt">第09章-物料需求计划(MRP)的编制.ppt</a>
</li><li><em class="xls"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847537.html" title="2009年江苏造价员考试安装答案(完整版).xls">2009年江苏造价员考试安装答案(完整版).xls</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30846274.html" title="中药香囊制作(中药学基础课件).pptx">中药香囊制作(中药学基础课件).pptx</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30846273.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/585650.html" target="_parent" title="体验训练营开营仪式致辞.docx">体验训练营开营仪式致辞.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/585651.html" target="_parent" title="杠杆知识点自归纳.docx">杠杆知识点自归纳.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/585652.html" target="_parent" title="国有企业车辆购置申报流程.docx">国有企业车辆购置申报流程.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/585653.html" target="_parent" title="高中生物新课程标准.docx">高中生物新课程标准.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/585654.html" target="_parent" title="华为松山湖终端项目一期施工总承包项目施工方案.docx">华为松山湖终端项目一期施工总承包项目施工方案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/585655.html" target="_parent" title="供应链金融反向保理ABS实操手册.docx">供应链金融反向保理ABS实操手册.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/585656.html" target="_parent" title="冲压模具设计冲裁模.docx">冲压模具设计冲裁模.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/585657.html" target="_parent" title="四川省成都市学年高二生物上学期期末调研考试试题.docx">四川省成都市学年高二生物上学期期末调研考试试题.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/585658.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=%e7%ac%ac%e4%b8%83%e7%ab%a0">第七章</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%9c%a8Web%e4%b8%ad%e4%bd%bf%e7%94%a8%e8%a1%a8%e5%8d%95">在Web中使用表单</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%ac%ac%e4%b8%83">第七</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=Web">Web</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e4%bd%bf%e7%94%a8">使用</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e8%a1%a8%e5%8d%95">表单</a></li> </ul>
</div>
<br />
<div >
当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> >
<a href="https://m.bdocx.com/booklist-00009.html">求职职场</a><span> > </span><a href="https://m.bdocx.com/booklist-0000900001.html">简历</a>
</div>
<br />
<div class="cssnone">
<iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=fRCixoIacNs%3d&parto=Yrwd3OFyDrSIS3wibKm6nRDvTDfmFWsmqUQe4f07qjNMuS6lErmJxiWZlvU15vmF5MQg5n0RuMDoyZZhg8305qOV7vv%2b%2bt4G6p6Xg4%2f7%2fZFhta4JEfqWjt%2beRj5uzx4oyURkU0mq5CnOluXW2hEvOXigrY6LdUy%2bS3dp0eX68M5J8yv3TpQKWy2yoonbsQexWc38W%2fUVcWE8Ow%2blG4YzRyriHybpK4O1" 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/3676797.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1719501115', // 必填，生成签名的时间戳
nonceStr: 'CCB1D45FB76F7C5A0BF619F979C6CF36', // 必填，生成签名的随机串
signature: '00f8c8fc6b2466b6aea33c604ca54f645483ba62',// 必填，签名，见附录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/3676797.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1719501115', // 必填，生成签名的时间戳
nonceStr: 'CCB1D45FB76F7C5A0BF619F979C6CF36', // 必填，生成签名的随机串
signature: '00f8c8fc6b2466b6aea33c604ca54f645483ba62',// 必填，签名，见附录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>