在开发web应用程序的时候会经常用到javascript。这个时候,大多数人是将javascript代码单独放在一个文件中,然后在页面中调用。有些人调用时在标签中会出现”οnclick=”之类的代码。其实,这还没有做到行为与结构的真正的分离。要做到真的真正的分离,就连”οnclick=”之类的代码都不能出现。
比如,就拿弹出一个提示框为例子来说。一般的做法是这样的:将js代码单独放在一个文件里,如下:
view plaincopy to clipboardprint
function showmsg(){
alert(“hello,jobs!”);}
function showmsg(){
alert(“hello,jobs!”);
}
将此文件命名为showmsg.js.当然我只是为了方便举例才写了这一句话的代码。那么接下来在html文件(或其他文件)的调用就成为这样了:
view plaincopy to clipboardprint
body οnlοad=”showmsg()”>
而在这个调用中出现了”οnlοad=”showmsg”的代码。这其实并不是一种好的原则和习惯。那么该如和分离呢?我给出的发放如下:先给出一个连接onload事件的方法,即在代码片段包含进来时,文档加载完毕几个自动执行。代码如下:
view plaincopy to clipboardprint
function addloadevent(func) {
var oldonload = window.onload;
if (typeof window.onload != ‘function’) {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
function addloadevent(func) {
var oldonload = window.onload;
if (typeof window.onload != ‘function’) {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
而后,通过这个方法条用前面给出那个方法,即:
view plaincopy to clipboardprint
addloadevent(showmsg);
addloadevent(showmsg);
最后,html文档代码就成下面这样了:
view plaincopy to clipboardprint
>
html>
head>
title> new document title>
meta name=”generator” content=”editplus”>
meta name=”author” content=””>
meta name=”keywords” content=””>
meta name=”description” content=””>
script src=”showmsg.js” type=”text/javascript”>script>
head>
body>
body>
html>
这样代码是不是简介多了?js代码页真正的分离出去了。
======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定
这个是我邀请的地址
，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是
http://t.cn/SXOiLh
我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/