點擊file -- new -- 輸入javascript ? 然后選擇下面的javascript source file 輸入名字 ,點擊finish 就能新建js文件了,如下圖:
創(chuàng)新互聯(lián)專注于武城企業(yè)網(wǎng)站建設,自適應網(wǎng)站建設,商城網(wǎng)站開發(fā)。武城網(wǎng)站建設公司,為武城等地區(qū)提供建站服務。全流程按需設計,專業(yè)設計,全程項目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務
新建js文件后,就可以編碼了
javascript有三種寫法:
1script/script 這種不定義語言的方法一些瀏覽器執(zhí)行的時候會默認問javascript語言。所以雖然不規(guī)范,但有時候也能執(zhí)行。
2script language="javascript"/script這也是一種定義javascript代碼的方法,但是已不推薦使用,不符合現(xiàn)在的標準
3script type="text/javascript"/script這種方法最常用。
你書寫javascript代碼沒問題??赡苣闶窃诳春芫靡郧暗臅F(xiàn)在已經(jīng)不推薦用language來定義javascript代碼了
javascript代碼和其他腳本語言一樣,都要合理的組織好,不然到最后js代碼也是比較亂的。
我把JS的組織分成了三個階段,看看您現(xiàn)在屬于哪個階段。
初級階段,JS代碼從頭順序?qū)懙轿?過程化
html
body
input type="text" name="username" id="username" value="" /
input type="password" name="password" id="password" value="" /
/body
/html
script type="text/javascript"
if(document.getElementById("username").value == ""){
alert("用戶名不能為空");
}
if(document.getElementById("password").value == ""){
alert("密碼不能為空");
}
/script
缺點:像這樣的代碼都是寫一個頁面里面的,代碼基本不能共用,最后的結(jié)果js代碼冗余比較多。
優(yōu)點:單個頁面修改比較快,不用考慮影響其他頁面。不用加載JS文件。
中級階段,通過JS的function來,組織js代碼
在開發(fā)的過程中,不斷的發(fā)現(xiàn),順序?qū)慗S代碼,有太多的麻煩,到最后可能就無法維護,要么維護的時間的太長。在重新開發(fā)的時,有意識的對代碼進行分塊,注意代碼的共用性,這個時候function寫的比較多。
script type="text/javascript"
function check_username() {
if(document.getElementById("username").value == ""){
alert("用戶名不能為空");
}
}
function check_password() {
if(document.getElementById("password").value == ""){
alert("密碼不能為空");
}
}
/script
優(yōu)點:對JS代碼,進行分塊,共用性較好,修改一處所有調(diào)用都可以修改掉,并且代碼可讀性加強。
缺點:需要加載JS文件,如果function過多,導致找一個function要花很多時間。
高級階段: 通過方法類,域等對function進行分割
當一個JS文件里面有100多個方法的時候,這個時候看代碼其實挺難過的,如果能把里面的function進行分分類是不是就清楚很多,好比,這幾個方法是注冊時check用的,這個幾是對字符串的驗證用的等等。
script type="text/javascript"
function register(){
this.check_username = function(){
if(document.getElementById("username").value == ""){
alert("用戶名不能為空");
}
}
this.check_password = function(){
if(document.getElementById("password").value == ""){
alert("用戶名不能為空");
}
}
}
new register().check_username(); //調(diào)用方法
/script
上面的這種用的是方法類,大方法是register,里面定義的二個小方法,一個是對用戶名的check,一個是對密碼的check.
script type="text/javascript"
var register = {
check_username:function(){
if(document.getElementById("username").value == ""){
alert("用戶名不能為空");
}
},
check_password:function(){
if(document.getElementById("password").value == ""){
alert("用戶名不能為空");
}
}
}
register.check_username(); //調(diào)用方法
/script
個人覺得通過域,來對function進行管理,規(guī)劃最簡單明了。