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也是可以的。
分享到:
相关推荐
原因在于浏览器只在显示模板时才解析 JavaScript,而使用 Ajax 返回的 js 是被后期倒入的并没有被解析,所以调用的时候找不到对应的 function()。 要解决这个问题,最基本的方法就是需要让浏览器可以同时解析 `<div...
这篇博客“向<select>元素中动态添加option”探讨的就是如何在JavaScript或jQuery的帮助下,实现在用户界面中动态地向`<select>`元素添加选项。 JavaScript是一种广泛使用的客户端脚本语言,它可以操作HTML元素,...
在JavaScript中,`innerHTML`属性是一个非常常用的工具,用于设置或获取HTML元素的内部HTML内容。然而,有时候我们在使用`innerHTML`插入包含JavaScript代码的HTML时,会发现这些脚本并没有像预期那样执行。这个问题...
而当我们谈论`<table>`表单排序时,我们通常是指如何对`<table>`中的数据行进行升序或降序排列,以便用户可以更有效地浏览和分析信息。这在大型数据集或动态更新的数据中尤其有用。 ### 1. `<table>`的基本结构 一...
</p><button type="button" onclick="myFunction()">点击这里</button><script>function myFunction(){document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";}</script></body> 4、外部的 ...
在JavaScript编程中,`<script>`标签是我们引入外部JavaScript文件的常用方式。然而,为了优化网页加载性能,JavaScript代码的执行时机对页面渲染有着显著的影响。`defer`属性是`<script>`标签的一个可选属性,它...
<script src="script.js" language="javascript"></script> </head> <body> <button onclick="showMessage()">显示消息</button> </body> </html> ``` 其中,“script.js”是外部JavaScript文件的路径。 #### 3. ...
MySQL数据库是许多网站和应用程序的核心,它存储着各种关键数据。为了确保数据的安全性和可靠性,定期备份和恢复数据库显得尤为重要。"PHP策进会(PEA深圳)" 提供了一个名为"MySQL数据库备份/恢复工具V1.0.0"的解决...
首先,JavaScript代码必须包裹在`<script>`和`</script>`标签内,这些标签定义了JavaScript的起始和结束位置。例如: ```html <script> alert('My First JavaScript'); </script> ``` 在这个例子中,浏览器会解析并...
在Java Web开发中,联动组件(也称为级联选择或...总之,联动组件JAVA<select>代码涉及到HTML、JavaScript、AJAX、服务器端处理和前端框架等多个技术层面。通过合理的设计和实现,可以为用户提供直观且高效的交互体验。
<h1>我的第一段 JavaScript</h1> <p>请输入数字。如果输入值不是数字,浏览器会弹出提示框。</p> <input id="d" type="text"> <script> function myFunction() { var x=document.getElementById("d").value; if(x==...
通过以上步骤,我们可以确保无论是在IE还是其他浏览器中,`innerHTML`插入的`<script>`脚本都能被正确执行。这种方法虽然需要更多的代码和处理,但对于确保动态内容的完整性和功能一致性至关重要。
在这个例子中,JavaScript通过`getElementById()`方法找到了id为"p1"的`<p>`元素,并将其`innerHTML`属性更改为"Newtext!",从而改变了该段落的内容。 同样,`innerHTML`也可以用来创建动态内容,比如: ```html ...
JavaScript是一种广泛应用于网页和网络应用的轻量级编程语言,由Brendan Eich于1995年在Netscape浏览器中首次引入,并逐渐发展成为ECMAScript标准。JavaScript的核心特性之一是与HTML和CSS的紧密集成,使得开发者...
在严格的XHTML中,`<script>`标签必须包含在CDATA部分内,否则XHTML解析器可能会将`<script>`标签误认为是XML标签的一部分,导致JavaScript代码无法正确执行。 **代码示例:** ```html <!DOCTYPE ...
<title>innerHTML隐显效果</title> </head> <body> <div id="content" style="display: none;">这是一个可以隐藏和显示的段落。</div> <button onclick="toggleContent()">切换显示状态</button> <script> ...
一个基本的表格由`<table>`、`<tr>`(行)、`<td>`(单元格)和`<th>`(表头)等标签构成。例如: ```html <table> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr> <td>张三</td> <td>25</td>...
2. **动态生成选项:** 利用JavaScript动态生成这些`<select>`元素中的选项,包括年份、月份和日期。 3. **事件监听:** 为每个`<select>`元素添加事件监听器,以便在用户选择时更新其他两个`<select>`元素的选项。 ...
<td><button onclick="deleteRow(this)">删除</button></td> </tr> </table> <script> function deleteRow(button) { var row = button.parentNode.parentNode; row.parentNode.removeChild(row); } </script> ...
<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>