管理javascript脚本问题-优快云博客

本文介绍了一种优化HTML页面中JavaScript代码的方法，通过将JS代码集中到单独的.js文件中实现页面整洁，并保护了表单结构及字段信息。这种方式不仅简化了代码管理，还提高了网页加载效率。

管理javascript脚本问题：
很多时候一个html页面需要编写很多javascript代码，感觉非常冗长。
而且可以通过点击查看->页面源代码方式看到所有的javascript文件，
这样会保留页面中的一些JSP或者ASP的表单结构和字段。
为了整洁，可以将javscript代码放入一个地方，取名为xxx.js，然后在
html中<body>标签下写<script type="text/javascript" src="../xxx.js"></script>
然后直接在控件中填入调用的function名字就可以啦！
-----------------------------------------------------------------------------
content of test.htm
-----------------------------------------------------------------------------
<input type=text id="t1" />
<input type=button value=ok onclick=ClickButton("t1") />
<script type="text/javascript" src="test.js"> </script>
==============================================
content of xxx.js
-----------------------------------------------------------------------------
function ClickButton(str){
    bb = document.getElementById(str);
    alert(bb.value);
    alert("button has clicked!!!");
    bb.value="clark";
}
-----------------------------------------------------------------------------