如何調試javascript腳本呢
1、 alert方法
這也是十分原始的方法,但調試起來十分麻煩。
2、 debugger方法
首先打開Internet選項——高級,將“禁用腳本調試(Internet Explorer)”的勾去掉
如果想其他瀏覽器也啟用調試,那麼可以把“禁用腳本調試(其他)”的勾也去去掉。
然後在你想需要地方進行調試,就加入debugger,如
debugger;
var s="debugger可調試";
alert(s);
用ie打開該頁面,就會出現自動調用VS2005進行調試.
點擊是,像平時一樣按F10或F11就可以進行調試了
正在或者準備從事javascript編程的人都會使用這個神奇的東西,感到無比自豪。
它幾乎可以實現你所想要的任何功能,在不借助任何工具的情況下。
然後,使用過他的人都會知道,這種編程腳本,查詢出錯或者叫做調試吧,比較麻煩。
下面,我結合自己的一些經驗,當然也有一部分自來互聯網了。呵呵
1、使用alert函數
這個函數在調試的時候,運用是最多的,針對某個變量或者數組之類的,認為那個地方可能存在問題,就在那個地方alert輸出一下,呵呵。
2、使用編輯器的'語法高亮功能
針對一些拼寫,可能存在錯誤的地方,使用帶有語法高亮功能的編輯器不失為一個好方法,當前有語法高亮功能的編輯器比較多,如editplus、UltraEdit、Dreamweaver等等,如果是在編寫代碼的時候有關鍵字(或許準確的保留字吧)拼寫錯誤,就會以不同的顏色給出。
e("hello World!");
如果上句中的保留字發生拼寫錯誤,顏色會給出提示,
e("hello World!");
3、注意大小要區分(注意,html是不區分大小寫的,但是你的js代碼直接寫在html裏面,就造成了好像要區分大小的現象,這個一定要注意)
在這種腳本語言中是要嚴格區分大小寫的,如果拼寫錯誤,不但顏色不對,還會造成方法錯誤,不能繼續往下執行。
4、括號的配對
這裏的括號就包括常用的大括號、小括號,在進行檢查的時候這個是一個重點。
5、嚴格執行代碼縮排風格
這個也是相當重要的,特別是在查詢錯誤的時候,當然,你也不能因為這個才保持這種風格了,很會節約時間的。
6、使用瀏覽器運行調試
其實每一種瀏覽器都對錯誤有顯示功能,如IE系列、FF等,只是你沒有發現而也,這裏重點説一下FF的調試功能,特別好用的。
FF自身就有一個錯誤控制枱的功能,開啟之後,就會提示錯誤信息。
當然,最好用的還是要數Web Developer和FireBug插件了,這兩個插件的使用方法有很多文章都有介紹。
-
網頁設計的佈局
網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,儘可能給予用户完美的視覺體驗。以下是小編為您帶來的網頁設計的佈局,看看吧!網頁設計的佈局11、響應式網頁設計響應式網頁設計是網頁設計的一種技術,可在N多種瀏...
-
網頁設計黃金配色原則是什麼
身為網頁設計新手的你,是不是還在糾結於你製作的網頁找不到一組完美的配色方案?在本教程中我們將與你分享6條肯定會火,並且“錯不了”的指導方針,你可以按照這些原則把握最基本的色彩規律。現在我們分享的這些原則都不是規則,你會在你的職業生涯中創造出更多的配色...
-
Dreamweaver輸入的文本字體怎樣加粗
Dreamweaver輸入的文本字體怎麼加粗?Dreamweaver中想要加粗輸入的文本,該怎麼加粗呢?這都是最基礎的教程,很簡單,需要的朋友可以參考下,下面就跟隨小編一起來看看吧!Dreamweaver怎麼給字體加粗,下面我們就來看看詳細的.教程。1、打開我的軟件2、文件新建一個3、新建...
-
JavaScript基本語法分析
一、JavaScript基本語法。(一)數據類型與變量類型。整數,小數,佈局,字符串,日期時間,數組強制轉換:parseInt()parseFloat()isNaN()(二)數組var數組名=newArray([長度]);//“假冒”數組th-長度a[下標]=值。a[下標](三)函數複製代碼代碼如下:function函數名(形參){}function...