在jsp页面脚本中引入js文件时的注意事项

电脑杂谈  发布时间:2020-05-22 06:09:50  来源:网络整理

html 页面引入jsp_html引入jsp页面_jsp 引入页面

有时候,我们在多个jsp页面中的脚本代码有很多重复的代码,那么我们将考虑如何重用它们jsp 引入页面,在使用时我们需要注意一些问题:

例如: 有两个文件toolbar.js和main.jsp

toolbar.js:

================================================ ==== ====================================

Ext.BLANK_IMAGE_URL ='/ngrcms/images/s.gif';

var clientWidth = document.body.clientWidth;

var clientHeight = document.body.clientHeight;

var button = new Ext.Button({

文本: “按钮”,

jsp 引入页面_html引入jsp页面_html 页面引入jsp

图标: “ ../ images / query.png”,

cls: “ x-btn-text-icon”,

范围: 此

});

================================================ ==== ====================================

main.jsp:

================================================ ==== ====================================

<%@页面语言=“ java” pageEncoding =“ utf-8”%>

html 页面引入jsp_html引入jsp页面_jsp 引入页面

ReportTest </ title></p> <p><link type =“ text / css” href =“ ../ ext-3.2.1 / resources / css / ext-all.css”></p> <p><script type =“ text / javascript” src =“ ../ ext-3.2.1 / adapter / ext / ext-base.js”> </ script></p> <p><script type =“ text / javascript” src =“ ../ ext-3.2.1 / ext-all.js”> </ script></p> <p></ head></p> <p><body></p> <p><div></p> <p></ div></p> <p><img src='http://8.pic.pc6.com/thumb/up/2013-7/2013729584097190_600_0.jpg' alt='jsp 引入页面_html 页面引入jsp_html引入jsp页面'/></p> <p>//注意,因为toolbar.js包含对主体的操作(document.body.clientWidth),所以在引入js文件时,必须注意必须放在主体中,</p> <p>//不能放置在头部中,因为执行头部时,不会生成任何主体<strong>jsp 引入页面</strong>,因此它将产生未定义的某些属性.</p> <p><script type =“ text / javascript” src =“ toolbar.js”> </ script></p> <p><脚本类型=“文本/ javascript”></p> <p>button.on('click',function(){</p> <p>Ext.MessageBox.alert(“这是一个查询按钮”);</p> <p>});</p> <p>Ext.onReady(函数(){</p> <p>var panel = new Ext.Panel({</p> <p><img src='http://www.reader8.cn/uploadfile/jiaocheng/20140120/2643/201401261043119647.jpg' alt='jsp 引入页面_html 页面引入jsp_html引入jsp页面'/></p> <p>布局: “合适”,</p> <p>frame: 是</p> <p>标题: “标题”,</p> <p>width: clientWidth,</p> <p>height: clientHeight,</p> <p>renderTo: “容器”</p> <p>});</p> <p>});</p> <p></ script></p> <p></ body></p> <p></ html></p> <p><br />本文来自<a rel="home" href="https://www.pc-fly.com/" target="_blank">电脑杂谈</a>,转载请注明本文网址:<br />https://www.pc-fly.com/a/jisuanjixue/article-218548-1.html</p> </div> <ul class="page"></ul> <div class="arc_textad" style='margin-top:10px'></div> </div> </div> <div class='mod'> <div class="mod_title"><b>相关阅读</b></div> <div class='mod_content'> <ul class='arc_list dot'></ul> </div> </div> <div class='mod'> <div class='mod_title'><b>发表评论</b><span>  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论</span></div> <div class='editor'> <script src='/include/ckeditor/ckeditor.js?t=B8DJ5M3'></script> <script type="text/javascript">//<![CDATA[ CKEDITOR.config.ubb_smiley = {"高兴":"{s:1}","撇嘴":"{s:2}","抓狂":"{s:3}","汗":"{s:4}","惊恐":"{s:5}","奋斗":"{s:6}","疑问":"{s:7}","晕":"{s:8}","偷笑":"{s:9}","可爱":"{s:10}","疑惑":"{s:11}","酷":"{s:12}","暴汗":"{s:13}","呕吐":"{s:14}","大笑":"{s:15}","色":"{s:16}"} //]]></script> <textarea name="msg" rows="8" cols="60"></textarea> <script type="text/javascript">//<![CDATA[ CKEDITOR.replace('msg', {"extraPlugins":"dedepage,multipic,addon,bbcode","fontSize_sizes":"30\/30%;50\/50%;100\/100%;120\/120%;150\/150%;200\/200%;300\/300%","disableObjectResizing":"true","smiley_path":"\/images\/smiley\/","smiley_images":["1.gif","2.gif","3.gif","4.gif","5.gif","6.gif","7.gif","8.gif","9.gif","10.gif","11.gif","12.gif","13.gif","14.gif","15.gif","16.gif"],"smiley_descriptions":["高兴","撇嘴","抓狂","汗","惊恐","奋斗","疑问","晕","偷笑","可爱","疑惑","酷","暴汗","呕吐","大笑","色"],"toolbar":[["Source","-","Bold","Italic","Underline","-"],["FontSize","TextColor"],["Link","Unlink","Smiley"]],"height":100,"skin":"kama"}); //]]></script> </div> <button type='submit' class='submit right'>发表评论</button> <br/> <ul class='ds-comments'> <li class='ds-post clear' data-post-id=''> <div class='ds-post-self' data-post-id='17931817951' data-thread-id='17931817951' data-root-id='0' data-source='duoshuo'> <div class='ds-avatar left'><img src='/images/noavatar_default.png' alt='周云杰 '></div> <div class='ds-comment-body'> <div class='ds-comment-header'><span class='ds-user-name ' data-qqt-account=''>周云杰 </span></div> <p>即便定期存款利率降到0 </p> <div class='ds-comment-footer ds-comment-actions'> <span class='ds-time' datetime='2026-10-28 10:08:02' title='2026年10月28日 10:08:02'>2026年10月28日</span> <a class='ds-post-reply' href='javascript:void(0);'><i class='fa fa-reply fa-fw'></i></span>回复</a> <a class='ds-post-likes' href='javascript:void(0);'><i class='fa fa-heart fa-fw'></i>顶</a> <a class='ds-post-repost' href='javascript:void(0);'><i class='fa fa-share fa-fw'></i>转发</a> </div> </div> </div> </li><li class='ds-post clear' data-post-id='17931817951'> <div class='ds-post-self' data-post-id='17931817952' data-thread-id='17931817952' data-root-id='0' data-source='duoshuo'> <div class='ds-avatar left'><img src='/images/noavatar_default.png' alt='王继凯 '></div> <div class='ds-comment-body'> <div class='ds-comment-header'><span class='ds-user-name ' data-qqt-account=''>王继凯 </span></div> <p>至于吗 </p> <div class='ds-comment-footer ds-comment-actions'> <span class='ds-time' datetime='2026-10-28 13:25:27' title='2026年10月28日 13:25:27'>2026年10月28日</span> <a class='ds-post-reply' href='javascript:void(0);'><i class='fa fa-reply fa-fw'></i></span>回复</a> <a class='ds-post-likes' href='javascript:void(0);'><i class='fa fa-heart fa-fw'></i>顶</a> <a class='ds-post-repost' href='javascript:void(0);'><i class='fa fa-share fa-fw'></i>转发</a> </div> </div> </div> </li><li class='ds-post clear' data-post-id='17931817952'> <div class='ds-post-self' data-post-id='17931817953' data-thread-id='17931817953' data-root-id='0' data-source='duoshuo'> <div class='ds-avatar left'><img src='/images/noavatar_default.png' alt='安以轩 '></div> <div class='ds-comment-body'> <div class='ds-comment-header'><span class='ds-user-name ' data-qqt-account=''>安以轩 </span></div> <p>芝麻糊里面都是密封包装 </p> <div class='ds-comment-footer ds-comment-actions'> <span class='ds-time' datetime='2026-10-28 15:31:39' title='2026年10月28日 15:31:39'>2026年10月28日</span> <a class='ds-post-reply' href='javascript:void(0);'><i class='fa fa-reply fa-fw'></i></span>回复</a> <a class='ds-post-likes' href='javascript:void(0);'><i class='fa fa-heart fa-fw'></i>顶</a> <a class='ds-post-repost' href='javascript:void(0);'><i class='fa fa-share fa-fw'></i>转发</a> </div> </div> </div> </li> </ul> </div> </div> <div class='wrap246 right'> <div class='mod' style='height:250px'> <div class="mod_title"><b>每日福利</b></div> <div class='mod_content'> <div class='pic_list_2x2'> <a href="/a/jisuanjixue/article-215710-1.html" target="_blank"><img alt="经济型酒店单店成本的成本效益分析" src="http://www.51wendang.com/pic/b25bf2bd47b5c98a6924101a/9-810-jpg_6-1080-0-0-1080.jpg"/>经济型酒店单店成本的成本效益分析</a> <a href="/a/jisuanjixue/article-259538-1.html" target="_blank"><img alt="2017年最新的计算机病毒是什么" src="http://sanmugroup.com.cn/img.php?www.nnbbxx.net/wp-content/uploads/2014/04/s_8738ec738d824d729614586484439d0f.jpg"/>2017年最新的计算机病毒是什么</a> <a href="/a/jisuanjixue/article-170210-1.html" target="_blank"><img alt="波峰焊配件_PCB波峰焊相关" src="http://img003.hc360.cn/y2/M01/D1/BD/wKhQdFSNHr6EI4DIAAAAAJ7o4Po985.jpg"/>波峰焊配件_PCB波峰焊相关</a> <a href="/a/jisuanjixue/article-348338-1.html" target="_blank"><img alt="Win10电脑使用游戏手柄提示“无法识别”的具体解决步骤" src="https://www.pc-fly.com/uploads/allimg/20210116/1610809346329_lit.jpeg"/>Win10电脑使用游戏手柄提示“无法识别”的具体解决步骤</a> </div> </div> </div> <div class='mod'> <div class="mod_title"><b>热点图片</b></div> <div class='mod_content'> <div><a title="" id='focus_photo_link' href="" target="_blank"><img style="opacity: 1.1" id='focus_photo_pic' alt="拼命载入中..." src=""/></a></div> <div id='focus_photo_title'></div> <div id='focus_photo_page'></div> </div> <script> var photoPic = new Array(); var photoTitle = new Array(); var photoLink = new Array(); // photoPic.push("/uploads/allimg/20210613/1623513754475_0.jpeg"); photoPic.push("//www.pc-fly.com/images/defaultpic/5.jpg"); photoLink.push("/a/jisuanjixue/article-382403-1.html"); photoTitle.push("电脑中的声卡驱动怎么重"); // photoPic.push("/uploads/allimg/20210612/1623496204560_0.png"); photoPic.push("//www.pc-fly.com/images/defaultpic/5.jpg"); photoLink.push("/a/jisuanjixue/article-382349-1.html"); photoTitle.push("风林火山winxpSP3原版纯净装"); // photoPic.push("/uploads/allimg/20210612/1623492301891_0.png"); photoPic.push("//www.pc-fly.com/images/defaultpic/5.jpg"); photoLink.push("/a/jisuanjixue/article-382346-1.html"); photoTitle.push("风林火山xp纯净版最新免费"); // photoPic.push("/uploads/allimg/20210612/1623488556839_2.png"); photoPic.push("//www.pc-fly.com/images/defaultpic/5.jpg"); photoLink.push("/a/jisuanjixue/article-382334-1.html"); photoTitle.push("VisualStudio2019支持Windows10软"); // photoPic.push("/uploads/allimg/20210612/1623488459934_0.jpeg"); photoPic.push("//www.pc-fly.com/images/defaultpic/5.jpg"); photoLink.push("/a/jisuanjixue/article-382330-1.html"); photoTitle.push("Windows驱动程序工具包(WD"); // photoPic.push("/uploads/allimg/20210612/1623484973424_2.jpeg"); photoPic.push("//www.pc-fly.com/images/defaultpic/5.jpg"); photoLink.push("/a/jisuanjixue/article-382323-1.html"); photoTitle.push("win8系统显卡驱动安装失败"); // photoPic.push("/uploads/allimg/20210612/1623481273412_0.jpeg"); photoPic.push("//www.pc-fly.com/images/defaultpic/5.jpg"); photoLink.push("/a/jisuanjixue/article-382310-1.html"); photoTitle.push("Win10QQ对战平台打不开的解"); // photoPic.push("/uploads/allimg/20210612/1623477668984_0.jpeg"); photoPic.push("//www.pc-fly.com/images/defaultpic/5.jpg"); photoLink.push("/a/jisuanjixue/article-382301-1.html"); photoTitle.push("阿呼告诉你解决win10打不开"); // photoPic.push("/uploads/allimg/20210612/1623474178246_0.jpeg"); photoPic.push("//www.pc-fly.com/images/defaultpic/5.jpg"); photoLink.push("/a/jisuanjixue/article-382294-1.html"); photoTitle.push("解决win10打不开腾讯对战平"); // photoPic.push("/uploads/allimg/20210612/1623470632728_0.jpeg"); photoPic.push("//www.pc-fly.com/images/defaultpic/5.jpg"); photoLink.push("/a/jisuanjixue/article-382285-1.html"); photoTitle.push("在Win10系统下如何共享文件"); </script> <script src="/templets/itfly_skin/js/list_huandengpian.js"></script> </div> <div class='mod'> <div class="mod_title"><b>热点排行</b></div> <div class='mod_content'> <ul class='arc_list dot'> <li><a href="/a/jisuanjixue/article-1710-1.html" target="_blank">税审大师软件</a></li> <li><a href="/a/jisuanjixue/article-1151-1.html" target="_blank">剑灵14001_剑灵客户端14001错误代码怎么办 怎么解决</a></li> <li><a href="/a/jisuanjixue/article-1310-1.html" target="_blank">宽带连接错误651故障排除方法</a></li> <li><a href="/a/jisuanjixue/article-1001-1.html" target="_blank">[收藏]"Automation服务器不能创建对象" 的多种解决</a></li> <li><a href="/a/jisuanjixue/article-1472-1.html" target="_blank">jwgkvsq.vmx病毒清除方法(附jwgkvsq.vmx专杀工具)</a></li> <li><a href="/a/jisuanjixue/article-1417-1.html" target="_blank">c#如何获取dropdownlist1中对应的值</a></li> <li><a href="/a/jisuanjixue/article-1448-1.html" target="_blank">Intel首款45nm新旗舰QX9650超详细测试</a></li> <li><a href="/a/jisuanjixue/article-1687-1.html" target="_blank">罕见的故障 Win8桌面磁贴消失的解决</a></li> </ul> </div> </div> </div> </div> <div class="w960"> <div id='footer'> <a href='https://www.ucaiyun.com/' target="_blank">网站采集工具</a> | <a href='http://ecnuoy.cn/' target="_blank">网页游戏</a><BR/> Copyright <i class="fa fa-copyright fa-fw"></i> 电脑杂谈 https://www.pc-fly.com All Rights Reserved <br/> <span>免责声明:本站所有内容来自网络机器人整理发布,如您认为部分内容侵犯您的版权,请来信告知,本站核实后立即删除。</span> </div> </div> <script type='text/javascript' src='/templets/itfly_skin/js/dropdown.js'></script> <ul id="dropmenu1" class="dropMenu"> </ul><ul id="dropmenu2" class="dropMenu"> </ul><ul id="dropmenu7" class="dropMenu"> </ul><ul id="dropmenu5" class="dropMenu"> </ul><ul id="dropmenu6" class="dropMenu"> </ul><ul id="dropmenu8" class="dropMenu"> </ul><ul id="dropmenu4" class="dropMenu"> </ul><ul id="dropmenu9" class="dropMenu"> </ul><ul id="dropmenu10" class="dropMenu"> </ul><ul id="dropmenu3" class="dropMenu"> </ul><ul id="dropmenu11" class="dropMenu"> </ul> <script type="text/javascript">cssdropdown.startchrome("navMenu")</script> <script src='/templets/itfly_skin/js/tongji.js'></script> </div> <script type="text/javascript"> $(function() {$(".mod_content img").lazyload({threshold: 200});}); $(".mod_content img").each(function() { var $t = $(this); var image = new Image(); image.onload = function(){ if (this.width * this.height <= 36){ $t.css('display','none'); } }; image.onerror = function(){ $t.css('display','none'); }; image.src = $t.attr("src"); }); </script> <script language="javascript"> var nexturl='https://www.pc-fly.com/a/jisuanjixue/article-218549-1.html'; var preurl='https://www.pc-fly.com/a/jisuanjixue/article-218523-1.html'; if(nexturl=='https://www.pc-fly.com') nexturl=preurl; </script> </body> </html>