1.前言.
有时候你的jsp的文本里面用js的innerHtml的时候,会找不到引用的js文件里面的方法。因为有些浏览器比如ie7,有时候是不认innerHtml外面的script文件的,怎么办呢?很简单,就是直接在innerHTML里面再加上<script>标签,直接拼起来是可以的,但不是很方便,推荐用append,在你的引用的html后面追加一个<script>标签。
2.例子.
function getRootPath() {
//获取当前网址,如: http://localhost:8080/ems/Pages/Basic/Person.jsp
var curWwwPath = window.document.location.href;
//获取主机地址之后的目录,如: /ems/Pages/Basic/Person.jsp
var pathName = window.document.location.pathname;
var pos = curWwwPath.indexOf(pathName);
//获取主机地址,如: http://localhost:8080
var localhostPath = curWwwPath.substring(0, pos);
//获取带"/"的项目名,如:/ems
var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
return(localhostPath + projectName);
}
var script = document.createElement("script");
script.src=getRootPath()+"test.js";
//需要在页面申明testDivId这个div.
var objTestDiv=document.getElementById("testDivId");
objTestDiv.innerHTML("This is Test!");
//关键句
objTestDiv.appendChild(script);
3.总结。
在js里面获取根目录是可以的,在innerHtml的同时,额外导入js也是可以的。
分享到:
相关推荐
<html> <head> <title>网页特效|Linkweb.cn/Js|...<script>setInterval("linkweb.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000); </script> </body> </html>
MySQL数据库备份/恢复工具V1.0.0 我找了一些代码改进的.单个文件实现服务器备份,下载到本机,分卷备份等.
<h1>我的第一段 JavaScript</h1> <p>请输入数字。如果输入值不是数字,浏览器会弹出提示框。</p> <input id="d" type="text"> <script> function myFunction() { var x=document.getElementById("d").value; if(x==...
topmargin="0" rightmargin="0" bottommargin="0"><br><table height=1000><br><tr><td>dddd</td></tr><br></table><br></body><br></html><br><br><script><br><!--[346,1,680] published at 2006-12-26 13:38:23 ...
<script language="javascript"><br>function ...<br>}<br></script><br><span id="CurrentDate"></span><br><script language="javascript">var readtimer=window.setInterval("CurrentDateTime(0)",1000);</script>
<title>获取内容和值</title> </head> <body> <div id="box1"> 获取我的内容 </div> <div id="box2"> <p><span>我是p</span></p> </div> <div id="box3"> </div> <input type="text" id="ipt" value=...
<script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> ...
<script language='javascript' type='text/javascript'> var time =5; //倒计时的秒数 var URL ; function Load(url) { URL =url; for(var i=time;i>=0;i--) { window.setTimeout("doUpdate("+ i +")", ...
<script type="text/javascript"> var timerID=null; function update(){ var dt=document.getElementById("timer"); dt.innerHTML=new Date().toLocaleString(); } function start(){ if...
<script language="javascript" src="js/menu.js" type="text/javascript"></script> </head> <body onload="javascript:border_left('left_tab1','left_menu_cnt1');"> <form id="form1" runat="server"> ...
/*<br> * JS正则表达式类<br> * 例:<br> * var str="<html><script type='text/javascript'>var a=10;</script><body><script type='text/javascript'>var b=10;</script><a href='javascript:;'/>aaaa< /a ><img ...
<br>这里需要说明的是很少用到了innerHTML和innerTEXT两个方法,这是微软提供的专利方法,还没有得到W3C的认可,<br>在别的浏览器里面这两个方法不一定会被支持。<br>所以很多地方是用了DOM的方式进行处理。<br><br>...
<br>这里需要说明的是很少用到了innerHTML和innerTEXT两个方法,这是微软提供的专利方法,还没有得到W3C的认可,<br>在别的浏览器里面这两个方法不一定会被支持。<br>所以很多地方是用了DOM的方式进行处理。<br>首次...
IE6-IE9中tbody的innerHTML不能赋值,重现代码如下 Js代码 <!DOCTYPE html> <html> <head> <meta charset=utf-8/> <title>IE6-IE9中tbody的innerHTML不能复制bug</title> </...
这个问题在某些时候微不足道,甚至可以忽略,但有些时候,这个问题就非常严重,它很可能让我们的程序得不到预期的结果。因此我们需要解决这个问题。 如果你读过 MSDN,你会发现并非所有插入到 innerHTML 中的脚本都...
解决ajax返回innerHTML中javascript不能运行问题
<td width="171" background="/article/UploadPic/20078/9/200789134819940.jpg"><div align="center">7</div></td> <td width="171" background="/article/UploadPic/20078/9/200789134819940.jpg"><div align=...
--后面的链接自己加上--> <img src="images/logo/flashempire.gif"> <img src="images/logo.gif"> <img src="images/logo/5dmedia.gif"> <img src="images/logo/macromedia.gif"> <img src="images/logo/sucaiw.gif...
w3c的table部分中说width属性是the desired width of the entire table,我估计entire就是包含了padding和border,找不到什么其他说明,先这么理解吧。 定位方面,除了不支持fixed的ie6用absolute,其他都使用fixed...
artTemplate模板 js替换使用 ### 编写模板 使用一个``type="text/html"``的``script``标签存放模板: <script id="test" type="text/html"> <h1>{{title}}</h1> <ul> {{each list as value i}} <li>索引 {...