[ testJs.js ]
<!--//--><![CDATA[//><!--
function testJsExt(){
alert('Ohhh No!');
...
}
//--><!]]>
[ *.htm ]
<script language="javascript" type="text/javascript" src="https://www.jb51.net/mat/js/testJs.js"></script>
...
<a href = "#" onclick ="testJsExt();return false;">Click Me Nowww! </a>
Click Me Nowww !
外部脚本就是把脚本保存在一个单独的 *.js 文件中,通过指定<script>标签的 src 属性,把脚本引入。
效果相当于在原先的<script> 标签中间插入外部文件中的脚本文本。
注意某些浏览器将忽略有SRC属性的<script>标签中的脚本代码。
这种方法从本质上来讲与第三种方法没有差别,但是由于把脚本和HTML做了完全的分离,所以是商业领域最常用的方法。
现在我们在标签<a>中仍然有Javascript的痕迹,在Javascript客户端编程中我将会介绍如何将其去除,以及使Javascript脚本在HTML中留下最少痕迹的手段