JSP include指令和include行为的区别

我们都知道在JSP中include有两种形式,分别是

 
 
 
  1. < %@ include file=” ”%> 
  2. < jsp:include page=” ” flush=”true”/>  

前者是指令元素、后者是行为元素。具体它们将在何处用?如何用及它们有什么区别?这应该是很多人看到它都会想到的问题。下面一起来看看吧。

通常当应用程序中所有的页面的某些部分(例如标题、页脚和导航栏)都相同的时候,我们就可以考虑用include。具体在哪些时候用< %@ include file=” ”%>,哪些时候用< JSP:include page=” ” flush=”true”/>.这种形式。首先要明白的是它们之间的区别。只有了解了它们用法的不同才理解该在何时去用以及如何选择。

< %@ include file=” ”%>,JSP的include指令元素读入指定页面的内容。并把这些内容和原来的页面融合到一起。(这个过程是在翻译阶段:也就是JSP被转化成servlet的阶段进行的。

这里对翻译阶段进行一下说明:我们知道,JSP页面不能原封不动地被传送给浏览器,所有的JSP元素都必须首先由服务器进行处理。这是通过将JSP页面转达化成servlet,然后执行这个servlet来完成的。服务器需要一个JSP容器来处理JSP页面。JSP容器通常以servlet 的形式来实现,这个servlet经过配置,可以处理对JSP页面的所有请求。

JSP容器负责将JSP页面转化成servlet(称为JSP页面实现类?JSP Page implementation class),并编译这个servlet。这两步就构成了翻译阶段.

由此我们就会知道:JSP页面是把include指令元素所指定的页面的实际内容(也就是代码段)加入到引入它的JSP页面中,合成一个文件后被JSP容器将它转化成servlet。可以看到这时会产生一个临时class文件和一个java文件。下面举个例子。

服务器用tomcat,引入页面的JSP文件叫test.JSP。被引入的页面叫date.JSP.这个JSP文件里存放的是一个有关时间的JSP代码,当前的上下文根设为test

 
 
 
  1. <%@ page language=”java” contentType="text/html;charset=gb2312"%> 
  2. <%  
  3. java.util.Date date=new java.util.Date();  
  4. String date_cn ="";  
  5. String dateStr = "";  
  6. switch(date.getDay())  
  7. {  
  8. case 0:date_cn ="日"; break;  
  9. case 1:date_cn ="一"; break;  
  10. case 2:date_cn ="二"; break;  
  11. case 3:date_cn ="三"; break;  
  12. case 4:date_cn ="四"; break;  
  13. case 5:date_cn ="五"; break;  
  14. case 6:date_cn ="六"; break;  
  15. }  
  16. dateStr = (1900+date.getYear())+"年"+(date.getMonth()+1)+"月"+date.getDate()+  
  17. "日(星期" + date_cn + ")";  
  18. %> 
  19. document.write("<%=dateStr%>");  
  20. //======以下是test.jsp的源文件=============//  
  21. <%@ page language=”java” contentType=”text/html;charset=gb2312”%> 
  22.  
  23.  
  24. </strong>include的两种用法<strong> title></strong> </li> <li><strong><jsp:include</strong> page=”date.jsp” flush=”true”<strong>/></strong> </li> <li><strong><</strong>%--@ include file=”date.jsp” %--<strong>></strong> </li> <li>//我们在这里用include的两种不同形式来引入date.jsp这个文件.  </li> <li><strong><head></strong> </li> <li><strong><body></strong> </li> <li><strong><table><tr><td></strong> </li> <li>有关jsp中include的两种用法.敬请关注。  </li> <li><strong> td> tr> table></strong> </li> <li><strong> body></strong> </li> <li><strong> html></strong> </li> </ol></pre><p>在test.JSP 文件中,我们只输出了一行文本“ 有关JSP include的两种用法.敬请关注。”,现在让我们先用<%@ include file=”date.JSP” %>这种形式引入date.JSP这个文件。你想会出现什么问题了吗?此时出现了错误提示:</p><pre> <ol> <li>HTTP Status 500 ?  </li> <li>org.apache.jasper.JasperException: /date.jsp(0,0) Page directive:   </li> <li>can't have multiple occurrences of contentType </li> </ol></pre><p>以下还有一堆错误,但我们只要看这里就知道问题的所在了。状态码为http 500服务器内部错误。再看下面的提示。在date.JSP页面中不能指定多个contentType.</p><p>原因就在这里了。是因为在翻译阶段,date.JSP文件的代码被原封不动地加入到了test.JSP页面从而合成一个文件。合成后的文件中就会相同的:</p><pre> <ol> <li><strong><</strong> %@ page language=”java” contentType=”text/html;charset=gb2312”%<strong>></strong>  </li> </ol></pre><p>这句代码。解决的办法是把date.JSP文件中的这句删掉。刷新后再请求test.JSP页面请求test.JSP在页面显示如下2003年12月10日 13:12:40有关JSP include的两种用法.敬请关注。</p><p>这时我们还不能发现什么。还是去查看tomcat下的临时文件吧。到那里去看看date.JSP文件的内容是否已被加入到了test.JSP文件中。< 注.此处的tomcat装在E盘根目录下></p><p>目录E:tomcatworkStandalonelocalhosttest.在这个目录下会看到test_JSP.java和test_JSP.class两个文件。这里的java文件就是JSP容器将JSP转化成了servlet而得到的test_JSP.java这个文件。</p><p>相对应的test_JSP.class这个文件就是编译test_JSP.java这个servlet文件产生的类文件了。打开所产生的 servlet文件(test_JSP.java)。此时我们会发现,在test.JSP 文件被转化成servlet文件时,在输出的< haed >之间加入了一些不是test.JSP页面里面的代码,新加入的内容就是 date.JSP里面的代码: 新加入了哪些内容或是否真的加入了新的内容请自己测试去看一下就会一目了然了.在这里不再详述.</p><p>以上就是我们用< %@ include file=”date.JSP”%>这种形式得到的结果.</p><p>下面我们换用< JSP:include page=”dae.JSP” flush=”true”/>也就是将< %@ include file=”date.JSP”%>换成< JSP:include page=”dae.JSP” flush=”true”/>,然后请求test.JSP.2003? ê 12??10?? 13:30:13</p><p>有关JSP include的两种用法.敬请关注。</p><p>此时会在页面上看见.我们所引入date.JSP输出的日期中中文出现了乱码.什么原因?是因为include行为元素是在请求处理阶段执行的(此处要对请求处理阶段进行说明一下.JSP容器除了上面提到的负责将JSP页面转化成servlet外,还负责调用JSP页面实现类以处理每个请求并产生应答.这个阶段我们就称为请求处理阶段.请求处理阶段仅执行类文件)。</p><p>所以在我们作include行为元素引入页面时,实际只是引用了date.JSP这个文件被转化并被编译后产生的servlet类文件.既如此, date.JSP就是作为一个单独的文件在执行后才被test.JSP文件运行时调用.由于date.JSP文件中没有指定字符编码.所以出现了乱码.解决办法是在date.JSP文件中重新把刚才去掉的</p><pre> <ol> <li><strong><</strong>%@ page language=”java” contentType=”text/html;charset=gb2312”%<strong>></strong> </li> </ol></pre><p>这行语句加入后刷新重新运行.此时页面显示正确,并跟用include指令正常运行时一样.再查看tomcat下的临时文件会发现.此时多出了一个 date_JSP.java文件和一个date_JSP.class文件.这两个文件得来的方式跟test_JSP.java和 test_JSP.class文件得来的方式一样.再查看一下此时test_JSP.java文件的代码会发现.此时只新增加了一句代码:JSPRuntimeLibrary.include(request, response, "date.JSP", out, true);</p><p>它并没有把date.JSP文件的代码加入到test.JSP.</p><p>只是在运行时引入了date.JSP页面执行后所产生的应答.这意味着我们可以指定任何能够产生应答的Web资源,(例如一个 servlet或一个JSP页面),只要这些资源所产生的类型和JSP页面产生的内容类型相同.JSP容器将通过一个内部的函数调用来执行指定的资源.因此,这些被引入的资源可以帮助处理原来的请求,所以这些资源可以访问请求作用域内的所有对象.以及所有原来的请求参数.</p><p>由于在主页面被请求时,这些页面还没有被引入到主页面中,所以你可以对page属性使用一个请求时属性值,以便根据运行时的情况来决定要引入哪一个页面.还可以添加一些将被引入的页面读取的请求参数.</p><pre> <ol> <li><strong><jsp:include</strong> page=”<strong><</strong>%=pageSelectedAtRuntime%<strong>></strong>” flush=”true” <strong>></strong> </li> <li><strong><jsp:param</strong> name=”fitstParamer” value=”firstValue”<strong>></strong> </li> <li><strong><jsp:param</strong> name=”lastParamer” value=”lastValue”<strong>></strong> </li> <li><strong> jsp:include></strong> </li> </ol></pre><p>如果修改了被引入的JSP页面,那么可以立刻使用该页面的最新版本,这是因为对待被引入的页面的方式与对待由浏览器直接调用的JSP页面的方式完全相同.即容器检测页面的变化,并自动进入翻译阶段,以得到页面的最新版本.</p><p>【编辑推荐】</p><ol><li>JSP自定义标签由浅到深详细讲解</li><li>在JSP环境中配置使用fckeditor详细讲解</li><li>基于JSP实现数据库中图片的存储与显示</li><li>构造JSP和Javabean开发和发布环境的方法</li><li>JSP+JavaBean+Servlet工作原理实例讲解</li></ol> <br> 文章题目:JSP include指令和include行为的区别 <br> 分享URL:<a href="http://www.xwwzsj.com/article/dpieeid.html">http://www.xwwzsj.com/article/dpieeid.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/cdiepds.html">基于Redis的本地存储解决方案(redis本地存储)</a> </li><li> <a href="/article/cdiejph.html">windows如何更改快捷键设置?(windows如何更改快捷键设置在哪里)</a> </li><li> <a href="/article/cdiejhe.html">Linux常用命令mren命令具体使用方法</a> </li><li> <a href="/article/cdiejhd.html">Android 推送到底哪家强</a> </li><li> <a href="/article/cdiepde.html">分享JSP学习经验总结</a> </li> </ul> </div> </div> <div class="f_service_con"> <div class="h_fumin"> <div class="h_fumin_lei"> <div class="h_fumin_lei_tu"><img src="/Public/Home/images/f_service01.png"></div> <p>售后响应及时</p><span>7×24小时客服热线</span> </div> <div class="h_fumin_lei"> <div class="h_fumin_lei_tu"><img src="/Public/Home/images/f_service02.png"></div> <p>数据备份</p><span>更安全、更高效、更稳定</span> </div> <div class="h_fumin_lei"> <div class="h_fumin_lei_tu"><img src="/Public/Home/images/f_service03.png"></div> <p>价格公道精准</p><span>项目经理精准报价不弄虚作假</span> </div> <div class="h_fumin_lei"> <div class="h_fumin_lei_tu"><img src="/Public/Home/images/f_service04.png"></div> <p>合作无风险</p><span>重合同讲信誉,无效全额退款</span> </div> </div> </div> <div class="footerbar"> <div class="footer-t"> <div class="f-box"> <div class="f-1"> <div class="f-t"> <h2>联系我们</h2> <span>TEL</span> </div> <div class="f-b"> <h1><a href="tel:13518219792" rel="nofollow">135-1821-9792</a></h1> <h1><a href="tel:028-86922220" rel="nofollow">028-86922220</a></h1> <p>地址:成都市太升南路288号锦天国际</p> </div> </div> <div class="f-2"> <div class="f-t"> <h2>快捷导航</h2> <span>Shortcut</span> </div> <div class="f-b"> <ul > </ul> <ul > <li><a href="/jianshe" title="宣威网站建设">宣威网站建设</a></li> <li><a href="/jianshe#ym_websiteBox2" title="品牌网站建设">品牌网站建设</a></li> <li><a href="/jianshe#ym_websiteBox1" title="企业网站建设">企业网站建设</a></li> <li><a href="/jianshe#ym_websiteBox4" title="集团网站建设">集团网站建设</a></li> <li><a href="/jianshe#ym_websiteBox4_2" title="外贸网站建设">外贸网站建设</a></li> <li><a href="/jianshe#ym_websiteBox4_5" title="企业宣传视频">企业宣传视频</a></li> </ul> <ul > <li><a href="/weixin" title="微信开发">微信开发</a></li> <li><a href="/weixin#item1" title="公众号开发">公众号开发</a></li> <li><a href="/weixin#item2" title="微商城建设">微商城建设</a></li> <li><a href="/weixin#item3" title="微官网建设">微官网建设</a></li> <li><a href="/weixin#item4" title="小程序开发">小程序开发</a></li> </ul> <ul> <li><a href="/case/" title="网站作品案例">网站作品案例</a></li> <li><a href="/case/" title="品牌网站案例">品牌网站案例</a></li> <li><a href="/case/" title="集团网站案例">集团网站案例</a></li> <li><a href="/case/" title="企业网站案例">企业网站案例</a></li> <li><a href="/case/" title="外贸网站案例">外贸网站案例</a></li> <li><a href="/case/" title="营销网站案例">营销网站案例</a></li> </ul> <ul style="margin:0;"> <li><a href="/about/">瑞达杰昌建站</a></li> <li><a href="/about/">公司简介</a></li> <li><a href="/about#ab_item3">企业文化</a></li> <li><a href="/contact">联系我们</a></li> <li><a href="/Pay.html">付款方式</a></li> <li><a href="/jianshe#ym_websiteBox8">售后服务</a></li> </ul> <div style="clear:both;"></div> </div> </div> <div class="f-3"> <div class="f-t"> <h2>二维码</h2> <span>QR CODE</span> </div> <div class="f-b"> <ul> <li><img src="/Public/Home/images/fewm.png"> <p>微信公众号</p> </li> <li style="margin: 0"><img src="/Public/Home/images/fewm2.png"> <p>手机端网站</p> </li> <div style="clear:both;"></div> </ul> </div> </div> <div style="clear:both;"></div> </div> </div> <div class="footer-about"> <div class="w1200">瑞达杰昌建站工作室是一家专注从事于高品质视觉体验及互联网设计开发,<a href="/" target="_blank">宣威网站建设</a>,<a href="/jianshe" target="_blank">宣威网站设计</a>,<a href="/jianshe" target="_blank">宣威网页设计</a>,<a href="/jianshe" target="_blank">宣威网站制作</a>,<a href="/jianshe#ym_websiteBox2" target="_blank">品牌网站建设</a>,<a href="/jianshe#ym_websiteBox3" target="_blank">营销网站建设</a>,<a href="/jianshe#ym_websiteBox4" target="_blank">集团网站建设</a>,<a href="/jianshe#ym_websiteBox1" target="_blank">企业网站建设</a>,<a href="/jianshe#ym_websiteBox4_2" target="_blank">外贸网站建设</a>,<a href="/jianshe#ym_websiteBox4_3" target="_blank">响应式网站建设</a>,<a href="/weixin#item4" target="_blank">小程序开发</a>,<a href="/weixin" target="_blank">微信开发</a>,<a href="/jianshe#ym_websiteBox4_4" target="_blank">企业形象设计</a>,<a href="/jianshe#ym_websiteBox4_5" target="_blank">企业宣传视频</a>等服务,瑞达杰昌建站位于宣威市龙岗区大运软件小镇,瑞达杰昌建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员,具备各种规模与类型网站建设的雄厚实力,在网站建设领域树立了自己独特的设计风格。 </div> <div class="friend-links"> <h6 class="clearfix"> <span class="tilte">友情链接</span> <a class="exchagne" href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes">交换友情链接</a> </h6> <div class="link-list clearfix"> <div class="link-slider"> <a href="http://www.huakfmail.com/" title="成都工商注册" target="_blank">成都工商注册</a>   <a href="https://www.cdxwcx.com/wangzhan/muban.html" title="成都成品网站" target="_blank">成都成品网站</a>   <a href="http://www.zxyucheng.com/" title="成都柴油发电机维修" target="_blank">成都柴油发电机维修</a>   <a href="http://chengdu.cdcxhl.cn/seo/ " title="成都网站推广" target="_blank">成都网站推广</a>   <a href="http://www.cdwuji.com/" title="正泰动物制药" target="_blank">正泰动物制药</a>   <a href="http://www.cdxwcx.cn/tuoguan/guanghua.html" title="成都电信光华数据中心" target="_blank">成都电信光华数据中心</a>   <a href="http://www.hongyifilm.cn/" title="鸿艺文化传播" target="_blank">鸿艺文化传播</a>   <a href="http://www.zzfdjwx.com/" title="宏鑫宇康" target="_blank">宏鑫宇康</a>   <a href="http://www.cgoqu.com/" title="成都汽车配件" target="_blank">成都汽车配件</a>   <a href="http://www.cypth.com/" title="成都灯箱制作" target="_blank">成都灯箱制作</a>    </div> </div> </div> </div> <div class="footer-b"> <div class="f-box"> <ul> <li><a href="/jianshe#ym_websiteBox6" target="_blank">服务流程</a></li> <li><a href="/jianshe#ym_websiteBox8" target="_blank">售后服务</a></li> <li><a href="/about/" target="_blank">联系我们</a></li> <li><a href="https://www.cdxwcx.com/pay/" target="_blank">付款方式</a></li> <li><a href="https://www.cdcxhl.com/menu.html" target="_blank">网站地图</a></li> <li><a href="#" target="_blank">sitemap</a></li> <li> <p> <script data-cfasync="false" src="/Public/Home/js/email-decode.min.js"></script> </p> </li> <div style="clear:both;"></div> </ul> <p class="copy">Copyright © 2025 青羊区瑞达杰昌互联网信息服务工作室(个体工商户) 宣威建站 All Rights Reserved   <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2025133229号-6</a> <a style="display:none" target="_blank" href="###"><img style="vertical-align:middle" border="0" src="" width="65" height="25" /></a> </p> <div style="clear:both;"></div> </div> </div> <div class="sj_footer"> <div class="f-box"> <ul> <li><a href="/jianshe" target="_blank">网站建设</a></li> <li><a href="/jianshe#ym_websiteBox6" target="_blank">服务流程</a></li> <li><a href="/jianshe#ym_websiteBox8" target="_blank">售后服务</a></li> <li><a href="https://www.cdxwcx.com/pay/" target="_blank">付款方式</a></li> <li><a href="/about/" target="_blank">关于我们</a></li> <li><a href="https://www.cdcxhl.com/menu.html" target="_blank">网站地图</a></li> <div style="clear:both;"></div> </ul> <p class="copy">Copyright © 2025 青羊区瑞达杰昌互联网信息服务工作室(个体工商户) 宣威建站</p> <p class="copy"> <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2025133229号-6</a>  <a href="###" target="_blank"><img src="/Public/Home/images/govicon.gif" width="20" height="28" border="0" style="border-width:0px;border:hidden; border:none;"></a></p> <div style="clear:both;"></div> </div> </div> </div> <script type='text/javascript' src='/Public/Home/js/qqkefu.js'></script> <div class="qqkefu"> <ul> <li class="qq_czaa" id="130"><b class="a"></b>135-1821-9792</li> <li class="qq_czaa" id="130"><a href="tencent://message/?uin=1683211881"><b class="b"></b>业务咨询QQ</a></li> <li class="qq_czaa" id="130"><a href="javascript:showDiv()"><b class="f"></b>提交合作意向表</a></li> <li class="qq_czb"> <b class="c"></b> <div class="erweima"> <p><img src="/Public/Home/images/right_erweima.png"></p> </div> </li> <li class="top"><span></span></li> </ul> </div> <div id="popDiv" class="mydiv" style="display:none;"> <a class="mydiv_clk" href="javascript:closeDiv()">X</a> <div class="mydiv_list"> <div class="c_f_title"><span class="c_f_t">合作意向表</span></div> <div class="c_f_con"> <form id="form1" name="form1" class="mess_form" method="post" action="/post_order"> <input name='enews' type='hidden' value='AddFeedback'> <input name="bid" value="1" type="hidden"> <input type="hidden" name="ecmsfrom" value="9"> <input type="hidden" name='title' value="客户提交需求"> <li class="c_n"><span>公司名称</span> <dl><input name='gsname' id='gsname' type="text"></dl> </li> <li class="c_n"><span>邮箱</span> <dl><input name='gemail' id='gemail' type="text"></dl> </li> <li class="c_n xmm"> <div class="xmm_01"><span>姓名</span> <dl class="c_n_i"><input name='name' id='name' type="text"></dl> </div> <div class="xmm_01"><span style="text-align:center">电话</span> <dl class="c_n_i"><input name="tel" type="text"></dl> </div> </li> <li class="c_tser">您需要的服务</li> <li class="clearfix"> <dd><label><input type="radio" name='hobby' id='hobby' value="高端网站建设"><span>高端网站建设</span></label></dd> <dd><label><input type="radio" name='hobby' id='hobby' value="我需要做微信营销"><span>我需要做微信营销</span></label></dd> <dd><label><input type="radio" name='hobby' id='hobby' value="要找长期合作,需要年度服务"><span>要找长期合作,需要年度服务</span></label></dd> <dd><label><input type="radio" name='hobby' id='hobby' value="我需要做购物商城"><span>我需要做购物商城</span></label></dd> <dd><label><input type="radio" name='hobby' id='hobby' value="我需要网站改版"><span>我需要网站改版</span></label></dd> <dd><label><input type="radio" name='hobby' id='hobby' value="其他"><span>其他</span></label></dd> </li> <li class="c_tser">您关注的地方</li> <li class="clearfix"> <dd><label><input type="radio" name='hobby2' id='hobby2' value="对功能要求比较高"><span>对功能要求比较高</span></label></dd> <dd><label><input type="radio" name='hobby2' id='hobby2' value="对设计创意要求比较高"><span>对设计创意要求比较高</span></label></dd> <dd><label><input type="radio" name='hobby2' id='hobby2' value="需要可以购物支付"><span>需要可以购物支付</span></label></dd> <dd><label><input type="radio" name='hobby2' id='hobby2' value="搜索引擎排名"><span>搜索引擎排名</span></label></dd> </li> <li class="c_tser">预算</li> <li class="clearfix clearfix2"> <dd><label><input type="radio" name='hobby3' id='hobby3' value="一万以内"><span>一万以内</span></label> </dd> <dd><label><input type="radio" name='hobby3' id='hobby3' value="1-3万"><span>1-3万</span></label> </dd> <dd><label><input type="radio" name='hobby3' id='hobby3' value="3-5万"><span>3-5万</span></label> </dd> <dd><label><input type="radio" name='hobby3' id='hobby3' value="5万以上"><span>5万以上</span></label> </dd> <dd><label><input type="radio" name='hobby3' id='hobby3' value="需招投标"><span>需招投标</span></label> </dd> </li> <li class="c_n" style="border-top:1px solid #eee; padding-top:10px"><span>验证码</span> <dl class="c_n_i yzmm"><input type="text" name='code' id='code' value=""></dl><span style="text-align:center"><img src="/Public/Home/images/1661eb19783442c38063791555cd0d80.gif" onclick="this.src=this.src + '?'" width="100" height="40"></span> </li> <li class="clearfix"> <dd class="submit"><input name='submit' type="submit" value="提交需求"></dd> </li> </form> </div> </div> </div> <div id="bg" class="bg" style="display:none;"></div> <div id='popIframe' class='popIframe' frameborder='0'></div> <script> //提交需求选项 $(document).ready(function (e) { $(".mess_form").submit(function () { if ($("#gsname").val() == "") { alert("请填写您的公司名称!"); $("#gsname").focus(); return false; } if ($("#gemail").val() == "") { alert("请填写您的邮箱"); $("#gemail").focus(); return false; } if ($("#name").val() == "") { alert("请填写您的姓名!"); $("#name").focus(); return false; } if ($("#tel").val() == "") { alert("请填写您的电话!"); $("#tel").focus(); return false; } if ($("#hobby").val() == "") { alert("请选择您需要的服务!"); $("#hobby").focus(); return false; } if ($("#hobby2").val() == "") { alert("请选择您关注的地方!"); $("#hobby2").focus(); return false; } if ($("#hobby3").val() == "") { alert("请选择您的预算!"); $("#hobby3").focus(); return false; } if ($("#code").val() == "") { alert("请填写正确的验证码!"); $("#code").focus(); return false; } }); }); </script> <script language="javascript" type="text/javascript"> //提交需求窗口 function showDiv() { document.getElementById('popDiv').style.display = 'block'; document.getElementById('popIframe').style.display = 'block'; document.getElementById('bg').style.display = 'block'; } function closeDiv() { document.getElementById('popDiv').style.display = 'none'; document.getElementById('bg').style.display = 'none'; document.getElementById('popIframe').style.display = 'none'; } </script> <script type="text/javascript" src="/Public/Home/js/scrolltopcontrol.js"></script> <script type="text/javascript" src="/Public/Home/js/su_new.js"></script> </body> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>