JSP技术的运用实验报告.docx

上传人:b****9 文档编号:26020653 上传时间:2023-06-17 格式:DOCX 页数:11 大小:20.45KB
下载 相关 举报
JSP技术的运用实验报告.docx_第1页
第1页 / 共11页
JSP技术的运用实验报告.docx_第2页
第2页 / 共11页
JSP技术的运用实验报告.docx_第3页
第3页 / 共11页
JSP技术的运用实验报告.docx_第4页
第4页 / 共11页
JSP技术的运用实验报告.docx_第5页
第5页 / 共11页
点击查看更多>>
下载资源
资源描述

JSP技术的运用实验报告.docx

《JSP技术的运用实验报告.docx》由会员分享,可在线阅读,更多相关《JSP技术的运用实验报告.docx(11页珍藏版)》请在冰豆网上搜索。

JSP技术的运用实验报告.docx

JSP技术的运用实验报告

南昌大学实验报告

学生姓名:

XXX学号:

xxxxxxxxxx专业班级:

xxxxxxx

实验类型:

■验证□综合□设计□创新实验日期:

xxxx.xx.xx实验成绩:

一、实验项目名称:

JSP技术的运用

二、实验目的

掌握JSP的基本语法、JSP指令和JSP动作以及JSP的内置对象,每种对象的使用方法与使用技巧,会简单的web应用程序的开发设计。

三、主要仪器设备及耗材

1.Myeclipse开发环境

2.Tomcat服务器

3.联想电脑一台

四、实验内容

1、运用Date函数读取系统当前时间,根据不同的时间段,在浏览器输出不同的问候语

2、加载文件,制作一个jsp文件,计算一个数的平方,然后再制作一个jsp文件。

在客户端显示出来

3、设计表单。

制作读者选购图书的界面,当读者选中一本图书后,单击“确定”按钮,用”jsp:

forwardpage=”语句将页面跳转到介绍该图书信息页面

4、设计求任意两个整数和的web程序,要求用户通过提交页面输入两整书,并提交给一个jsp程序,再改程序中计算两个整数和。

如果结果为正,跳出“结果为正”页面,如果结果为负,跳出“结果为负"界面

5、设计一个用户注册表单,提交页面信息后,会输出用户填写的信息

五、实验步骤

1.应用Date函数读取系统当前时间,根据不同的时间段输出不同的问候,主要代码如下:

〈%@pagelanguage=”java”import="java.util.*"pageEncoding=”UTF-8"%〉

〈html>

〈head>

读取系统当前时间</title〉</p><p></head〉</p><p>〈body〉</p><p><%Datedate=newDate();%></p><p><center〉</p><p>当前时间是:</p><p>〈%=date。</p><p>toLocaleString()%〉</p><p>〈hr></p><p><%if(date。</p><p>getHours()〈12){%></p><p>上午好!</p><p>!</p><p>〈%}elseif(date。</p><p>getHours()>=12&&date。</p><p>getHours()〈=18){%></p><p>下午好!</p><p>!</p><p><%}else{%〉</p><p>晚上好!</p><p>!</p><p>〈%}%></p><p></center〉</p><p>〈%response。</p><p>setHeader("refresh”,"1”);%〉</p><p>〈/body〉</p><p>〈/html></p><p>2.加载文件,制作一个JSP文件,计算一个数的平方,再制作一个JSP文件,在客户端显示出来。</p><p>该题目不能用include指令实现加载,因为include指令属于静态加载,在两个JSP文件之间不能传递参数。</p><p>a.第一个JSP:</p><p><%@pagelanguage="java”import=”java.util.*"pageEncoding=”UTF-8"%></p><p><html〉</p><p><head>〈title>计算〈/title></head〉</p><p><body></p><p><%Stringstr=request.getParameter("result”);</p><p>if(str==null){</p><p>str=”1";</p><p>}</p><p>doublen=Double.parseDouble(str);</p><p>Doublef;</p><p>f=n*n;%></p><p>〈%=n%>的平方等于〈%=f%></p><p>〈/body></p><p>〈/html></p><p>b.第二个JSP:</p><p>〈%@pagelanguage=”java”import="java。</p><p>util.*"pageEncoding=”UTF-8"%〉</p><p>〈html〉</p><p>〈head></p><p>〈/head></p><p><body></p><p>〈b>求一个数的平方</b></p><p><br〉</p><p><jsp:</p><p>includepage=”index.jsp”></p><p>〈jsp:</p><p>paramname="result”value=”9”/></p><p></jsp:</p><p>include></p><p></body〉</p><p></html></p><p>3.设计表单,制作读者选购图书的界面,当读者选中一本图书时,单击“确定"按钮,用“jsp:</p><p>forwardpage=”语句将页面跳转到介绍该图书信息页面.</p><p>1)index.jsp:</p><p>〈%@pagelanguage=”java"import=”java.util.*"pageEncoding=”UTF-8"%〉</p><p>〈html〉</p><p>〈head〉</p><p><title>图书选购〈/title></p><p></head〉</p><p><body></p><p>〈formaction="02。</p><p>jsp"method="post”〉</p><p><p〉<inputtype=”radio”name="b1"value=”1"checked="checked"〉《javaweb》</p><p>〈p〉<inputtype="radio"name="b1"value=”2”>《web服务》</p><p><p〉〈inputtype=”radio”name=”b1"value=”3”〉《Linux》</p><p>〈p〉<inputtype=”radio"name="b1"value=”4”〉《操作系统》</p><p>〈p〉〈inputtype="submit”value="提交"name=”button"〉</p><p></form></p><p></body></p><p>〈/html〉</p><p>2)02.jsp</p><p><%@pagelanguage="java"import="java.util。</p><p>*”pageEncoding=”UTF—8"%〉</p><p><html〉</p><p><head></p><p>〈title>页面02</title〉</p><p>〈/head></p><p><body〉</p><p>〈%Strings=request.getParameter("b1”);</p><p>if(s!</p><p>=null){</p><p>if(s.equals("1")){%〉</p><p>〈jsp:</p><p>forwardpage="03。</p><p>jsp”/〉</p><p>〈%}</p><p>}%〉</p><p></body〉</p><p>〈/html></p><p>3)03.jsp:</p><p>〈%@pagelanguage="java”import="java。</p><p>util.*”pageEncoding=”UTF—8”%〉</p><p>〈html></p><p>〈head〉</p><p><title〉页面03

〈body〉

〈h1>javaweb

JavaWeb,是用Java技术来解决相关web互联网领域的技术总和。

web包括:

web服务器和web客户端两部分。

Java在客户端的应用有

javaapplet,不过使用得很少,Java在服务器端的应用非常的丰

富,比如Servlet,JSP和第三方框架等等。

Java技术对Web领域的

发展注入了强大的动力。

〈/html〉

4。

设计求任意两个正数和的web程序

1)index。

jsp

<%@pagelanguage=”java"import="java。

util。

*”pageEncoding=”UTF—8"%〉

〈title>两个正数和

〈/head>

〈body>

jsp"method=”post”>

数据1:

〈br>

数据2:

〈/body>

〈/html〉

2)02.jsp

〈%@pagelanguage="java"import=”java.util。

*"pageEncoding=”UTF—8”%>

〈title>页面02〈/title>

<%Stringstr1=request。

getParameter("num1");

Stringstr2=request.getParameter(”num2");

doubles1=Double.parseDouble(str1);

doubles2=Double.parseDouble(str2);

doubles3=s1+s2;

request.setAttribute(”st3",s3);%>

〈%if(s3>0){%〉

forwardpage=”03.jsp”>〈/jsp:

forward>

〈%}else{%>

〈jsp:

forwardpage="04.jsp"〉

forward>

〈%}%>

〈/html〉

3)03.jsp

<%@pagelanguage=”java”import="java.util。

*”pageEncoding="UTF-8"%〉

〈html>

页面03〈/title></p><p></head〉</p><p><body〉</p><p>结果为正〈hr></p><p><%request。</p><p>setCharacterEncoding("UTF-8”);</p><p>Stringstr1=request.getParameter(”num1");</p><p>Stringstr2=request。</p><p>getParameter("num2");</p><p>out。</p><p>println(Integer。</p><p>parseInt(str1)+Integer.parseInt(str2));%〉</p><p></body〉</p><p></html></p><p>4)04.jsp</p><p>〈%@pagelanguage=”java”import=”java.util.*"pageEncoding="UTF-8”%〉</p><p>〈html〉</p><p><head〉</p><p>〈title>页面04〈/title></p><p></head></p><p>〈body〉</p><p>结果为负〈hr〉</p><p>〈%request。</p><p>setCharacterEncoding(”UTF-8");</p><p>Stringstr1=request.getParameter(”num1");</p><p>Stringstr2=request。</p><p>getParameter("num2");</p><p>out.println(Integer。</p><p>parseInt(str1)+Integer.parseInt(str2));%></p><p>〈/body></p><p>〈/html></p><p>5。</p><p>设计一个用户注册界面,其提交页面和信息获取后显示页面</p><p>01)index。</p><p>jsp</p><p><%@pagelanguage="java"import="java。</p><p>util。</p><p>*”pageEncoding=”UTF-8”%></p><p><html></p><p><head〉</p><p><title〉注册〈/title></p><p>〈/head〉</p><p>〈body></p><p>〈formaction="02.jsp"method="post”></p><p>〈table〉</p><p>〈tr〉〈tdalign="right”>用户名:</p><p>〈/td></p><p>〈td>〈inputtype=”text"name="name”〉</td></p><p><td〉*</td〉〈/tr〉</p><p>〈tr><tdalign="right”>密码:</p><p>〈/td></p><p><td><inputtype=”text"name="password1”></td></p><p>〈td>*</td>〈/tr〉</p><p>〈tr><tdalign=”right"〉确认密码:</p><p>〈/td〉</p><p>〈td><inputtype="text"name=”password2”></td></p><p><td>*</td></tr〉</p><p><tr>〈tdalign=”right”>性别:</p><p></td></p><p><td〉〈inputtype=”radio"name=”sex”checked=”checked”value="男”>男</p><p><inputtype=”radio”name=”sex”value="女”>女</p><p>〈/td></p><p></tr></p><p><tr><tdalign="right”〉爱好:</p><p></td></p><p>〈tdcolspan=”2"></p><p>〈inputtype="checkbox”name="check"value=”计算机”〉计算机</p><p>〈inputtype="checkbox"name="check"value=”美术”〉美术</p><p>〈inputtype=”checkbox”name=”check"value=”音乐">音乐</p><p>〈inputtype=”checkbox"name=”check”value="阅读”>阅读</p><p></td></p><p>〈/tr〉</p><p><tr><tdalign="right">星座:</p><p></td></p><p>〈td〉<selectname="con”〉</p><p><optionselected>白羊座〈/option></p><p>〈option〉金牛座〈/option></p><p>〈option〉双子座〈/option></p><p><option>巨蟹座</option〉</p><p><option>狮子座〈/option〉</p><p>〈option〉处女座</option〉</p><p>〈option〉天秤座</option></p><p>〈option>天蝎座</option〉</p><p>〈option>射手座〈/option〉</p><p><option>摩羯座</option></p><p><option>水瓶座〈/option〉</p><p><option〉双鱼座〈/option></p><p></select></p><p></td></p><p></tr></p><p>〈tr〉〈tdalign="right">个人简介:</p><p></td〉</p><p><tdcolspan="2”></p><p>〈textareaname="letter”rows=”4"cols=”25”〉〈/textarea〉</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 = "26020653"; var total_page = "11"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/26020653.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-6/14/fb81db77-c10a-40b3-8037-58b349e6e293/fb81db77-c10a-40b3-8037-58b349e6e293"; var freepage = parseInt('11'); var total_c = parseInt('11'); var start = defaultShowPage; var adcount = 0; var adindex = 0; var adType_list = ";0;1;2;3;4;5;6;7;8;9;10;"; 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=\"JSP技术的运用实验报告.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/30872883.html" title="项目管理培训课件(完整版) (2).ppt">项目管理培训课件(完整版) (2).ppt</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872688.html" title="北师大版小学六年级数学下册期末复习计划.docx">北师大版小学六年级数学下册期末复习计划.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872575.html" title="普通话练习材料..docx">普通话练习材料..docx</a> </li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872486.html" title="混凝土专项施工方案(完整版).doc">混凝土专项施工方案(完整版).doc</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872339.html" title="2023监理工程师延续注册(市政公用工程)考试及答案.docx">2023监理工程师延续注册(市政公用工程)考试及答案.docx</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872270.html" title="重读毛泽东《论持久战》PPT红色古朴经典品读课件下载.pptx">重读毛泽东《论持久战》PPT红色古朴经典品读课件下载.pptx</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871815.html" title="3000BC,埃及孟非思壁画中长老患小儿麻痹症.ppt">3000BC,埃及孟非思壁画中长老患小儿麻痹症.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871794.html" title="水污染控制工程课件教学ppt作者孙体昌娄金生高级讲义氧化技术.ppt">水污染控制工程课件教学ppt作者孙体昌娄金生高级讲义氧化技术.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871418.html" title="聚酯PE讲义T热灌装饮料瓶基础知识(PPT43页).ppt">聚酯PE讲义T热灌装饮料瓶基础知识(PPT43页).ppt</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871361.html" title="cbct技术 ——【口腔颌面影像技术与诊断】.pptx">cbct技术 ——【口腔颌面影像技术与诊断】.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/7332425.html" target="_parent" title="iphone4s设置集锦.docx">iphone4s设置集锦.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/7332426.html" target="_parent" title="从爱因斯坦到霍金的宇宙作业全部答案.docx">从爱因斯坦到霍金的宇宙作业全部答案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/7332427.html" target="_parent" title="幼儿园春季学期每月工作计划范文精选.docx">幼儿园春季学期每月工作计划范文精选.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/7332428.html" target="_parent" title="城区交通两难问题调研报告范文资料.docx">城区交通两难问题调研报告范文资料.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/7332429.html" target="_parent" title="幼儿园中班班务工作计划精选6篇.docx">幼儿园中班班务工作计划精选6篇.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/7332430.html" target="_parent" title="促销手册.docx">促销手册.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/7332431.html" target="_parent" title="与名师对话高考语文总复习 112 理解常见文言虚词在文中的意义和用法专题检测.docx">与名师对话高考语文总复习 112 理解常见文言虚词在文中的意义和用法专题检测.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/7332432.html" target="_parent" title="父母子女的最佳搭配属相.docx">父母子女的最佳搭配属相.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/7332433.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=JSP">JSP</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=%e8%bf%90%e7%94%a8">运用</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%ae%9e%e9%aa%8c">实验</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%8a%a5%e5%91%8a">报告</a></li> </ul> </div> <br /> <div > 当前位置:<a target="_parent" href="https://m.bdocx.com/">首页</a> > <a href="https://m.bdocx.com/booklist-00022.html">外语学习</a><span> > </span><a href="https://m.bdocx.com/booklist-0002200006.html">其它语言学习</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=XGEhnfAmsla7wlxiejQkHA%3d%3d&parto=KCRwGVtYst3gddgLtobT%2bWwjq6TaMVOPQXpFKPYtx7Lcbyksz8QMnDYxVS%2bDvJvtWqf3DIbQ%2bKj%2fSqcsH7cca5h8y81DhojGSZyIlnFeFhZKjecGIU2akZI2fAvru6GHmqni1eJ%2bzOZuF8hzyL6bKp3%2fHuRDmA1cBZbvng1qZu%2fPxhyHtsmlZzDuo%2bWwXUu6x4NbeLnTIwb717EgdmOsXE1Feia8FSLr" 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/26020653.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1730609440', // 必填,生成签名的时间戳 nonceStr: 'A597E50502F5FF68E3E25B9114205D4A', // 必填,生成签名的随机串 signature: 'b2d15c67efc9309a80b1e67b99f12bd677882beb',// 必填,签名,见附录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/26020653.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1730609440', // 必填,生成签名的时间戳 nonceStr: 'A597E50502F5FF68E3E25B9114205D4A', // 必填,生成签名的随机串 signature: 'b2d15c67efc9309a80b1e67b99f12bd677882beb',// 必填,签名,见附录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>