动态加载javascript
我的HTML表单中有2个链接。当用户单击链接时，我希望加载相关的javascript页面，而不重新加载整个页面 我在HTML页面中使用了以下代码：动态加载javascript,javascript,Javascript,我的HTML表单中有2个链接。当用户单击链接时，我希望加载相关的javascript页面，而不重新加载整个页面 我在HTML页面中使用了以下代码： <body id="b"> <h1>Page that switch between CSS and JS</h1> <div class="container" id="content"> <div class="link" id="li"> <ul class="men
<body id="b">
<h1>Page that switch between CSS and JS</h1>
<div class="container" id="content">
<div class="link" id="li">
<ul class="menu" id="nav">
<li><a id="three" href="#" onclick="switchjs1();">JavaScript 1</a></li>
<li><a id="four" href="#" onclick="switchjs2();">JavaScript 2</a></li>
</ul>
</div>
<div class="content" id="con">
<form action="" method="post" class="f1" id="f1">
<table class="t">
<tr>
<td><label>Label 1</label></td>
<td><input type="button" id="1" value="Show 1" class="btn1"/></td>
</tr>
<tr>
<td><label>Label 2</label></td>
<td><input type="button" id="2" value="Show 2" class="btn2"/></td>
</tr>
<tr>
<td><label>Label 3</label></td>
<td><input type="button" id="3" value="Show 3" class="btn3"/></td>
</tr>
<tr>
<td><label>Label 4</label></td>
<td><input type="button" id="4" value="Show 4" class="btn4"/></td>
</tr>
</table>
</form>
</div>
</div>
</body>
在CSS和JS之间切换的页面
标签1
标签2
标签3
标签4
<script type="text/javascript">
var headID = document.getElementsByTagName("head")[0];
var jsNode = document.createElement('script');
jsNode.type = 'text/javascript';
jsNode.id = 's1';
headID.appendChild(jsNode);
function switchjs1()
{
var js = document.getElementById("s1");
js.removeAttribute('src');
js.setAttribute("src", "js1.js");
}
function switchjs2()
{
var js = document.getElementById("s1");
js.removeAttribute('src');
js.setAttribute("src", "js2.js");
}
</script>
var headID=document.getElementsByTagName（“head”）[0]；
var jsNode=document.createElement（'script'）；
jsNode.type='text/javascript'；
jsNode.id='s1'；
headID.appendChild（jsNode）；
函数switchjs1（）
{
var js=document.getElementById（“s1”）；
js.removeAttribute（“src”）；
setAttribute（“src”、“js1.js”）；
}
函数开关JS2（）
{
var js=document.getElementById（“s1”）；
js.removeAttribute（“src”）；
setAttribute（“src”、“js2.js”）；
}
srcjs1.jsjs2.js谢谢。要动态加载javascript，请使用以下代码：
function IncludeJavaScript(file) {
if (document.createElement && document.getElementsByTagName) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', file);
head.appendChild(script);
} else {
alert('unsupported browser');
}
}
IncludeJavaScript("url_to_your_javascript");
但是，我想知道是否所有的EventListener都设置好了，您可能需要解决这个问题。在新javascript函数中调用方法应该不会有问题。请修复格式设置。还有，你想要实现什么？您知道替换
scriptsrccodecode