一般而言，如果脚本很长，我们把它们放到一个JS文件中，然后生成一个script元素并把它加入DOM树，把src设置为JS文件的地址即可。但对于很自短的脚本，如果我们又不想用new Function与eval呢？这里还有一办法，利用script元素的一个少为人知的属性text，非标准属性，但所有主流浏览器都支持。有点像innerHTML，但innerHTML只能把字符串变成各种节点，但不能解析脚本。看下面的例子：
var script = document.createElement('script');
script.type = 'text/javascript';
script.text = "alert('这是动态添加的!')";
document.body.appendChild(script);
<!doctype html>
<title>script.text by 司徒正美</title>
<meta charset="utf-8"/>
<meta name="keywords" content="script.text by 司徒正美" />
<meta name="description" content="script.text by 司徒正美" />
<script type="text/javascript">
window.onload = function(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.text = "alert('这是动态添加的！')";
document.body.appendChild(script);
}
</s ......
JavaScript 代码如下：
<span id="time" style="background:red">10</span>秒钟后跳回主页！如果不跳转请点击
<script language="JavaScript1.2" type="text/javascript">
function delayURL(url, time) {
var delay= document.getElementById("time").innerHTML;
if(delay>0){
delay--;
document.getElementById("time").innerHTML=delay;
}else{
window.top.location.href=url;
}
setTimeout("delayURL('" + url + "')", 1000);
}
</script>
<a href="index.jsp">这里</a>
<script type="text/javascript">
delayURL("index.jsp",10000);
</script> ......
最新文章 : javascript