Ⅰ 快速入門JavaScript,直擊要點爽快
JavaScript代碼可以直接嵌在網頁的任何地方,不過通常我們都把JavaScript代碼放到
中:
word-break: break-all; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(250, 250, 250);">...
由
包含的代碼就是JavaScript代碼,它將直接被瀏覽器執行。
第二種方法是把JavaScript代碼放到一個單獨的
.js
文件,然後在HTML中通過
引入這個文件:...
這樣,
/static/js/abc.js
就會被瀏覽器執行。
把JavaScript代碼放入一個單獨的
.js
文件中更利於維護代碼,並且盯沖多個頁面可以各自引用同一份
.js
文件。
可以在同一個頁面中引入多個
.js
文件,還可以在頁面中多次編寫
,瀏覽器按照順序依次執行。
有些時候你會看到
但這是沒有必要的,因為默認的
type
就是JavaScript,所以不必顯式地把
type
指定為JavaScript。
如何編寫JavaScript
如何運行JavaScript
要讓瀏覽器運行JavaScript,必須先有一個HTML頁面,在HTML頁面中引入JavaScript,然後,讓瀏覽器載入該HTML頁面,就可以執行JavaScript代碼。
你也許會想,直接在我的硬碟上創建好HTML和JavaScript文件,然後用瀏覽器打開,不就可以看到效果了嗎?
這種方式運行部分JavaScript代碼沒有問題,但由於瀏覽器的安全限制,以file://開頭的地址無法執行如聯網等JavaScript代碼,最終,你還是需要架設一個Web伺服器,然後以
不過,開始學習階段,你無須關心如何搭建開發環境的問題,我們提供在頁面輸入JavaScript代碼並直接運行的功能,讓你專注於JavaScript的學習。
試試直接點擊「Run」按鈕執行下面的JavaScript代碼:
// 以//開頭直到行末的是注釋,將被瀏覽器忽略
// 第一個JavaScript代碼:
Run
瀏覽器將彈出一個對話框,顯示「Hello, world」。你也可以修改兩個單引號中間的內容,再試著運行。
調試
俗話說得好,「工欲善其事,必先利其器。」,寫JavaScript的時候,如果期望顯示ABC,結果卻顯示XYZ,到底代碼哪裡出了問題?不要抓狂,也不要泄氣,作為小白,要堅信:JavaScript本身沒有問題,瀏槐則橡覽器執行也沒有問題,有問題的一定是我的代碼。
如何找出問題代碼?這就需要調試。
怎麼在瀏覽器中調試JavaScript代碼呢?
首先,你需要安裝Google Chrome瀏覽器,Chrome瀏覽器對開發者非常友好,可以讓你方便地調試JavaScript代碼。從這里下載Chrome瀏覽器。打開網頁出問題的童鞋請移步國內鏡像。
安裝後,隨便打開一個網頁,然後點擊菜單「查看(View)」-「開發者(Developer)」-「開發者工具(Developer Tools)」,瀏覽器窗口就會一分為二,下方就是開發者工具:
先點擊「控制台(Console)「,在這鉛旁個面板里可以直接輸入JavaScript代碼,按回車後執行。
要查看一個變數的內容,在Console中輸入console.log(a);,回車後顯示的值就是變數的內容。
關閉Console請點擊右上角的「×」按鈕。請熟練掌握Console的使用方法,在編寫JavaScript代碼時,經常需要在Console運行測試代碼。
如果你對自己還有更高的要求,可以研究開發者工具的「源碼(Sources)」,掌握斷點、單步執行等高級調試技巧。
練習
打開新浪首頁,然後查看頁面源代碼,找一找引入的JavaScript文件和直接編寫在頁面中的JavaScript代碼。然後在Chrome中打開開發者工具,在控制台輸入console.log(Hello);,回車查看JavaScript代碼執行結果。
Ⅱ 如何利用Chrome的控制台更改網頁裡面的Javascript代碼並使得修改能夠生效
js代碼在頁面渲染仿兄源的時候已經執行了,就是說從請求一個頁面到完整看到一個頁面之後,這個頁面相關的js代碼已經執行完畢,下次執行的時候依然是頁面再次刷新載入的時候。x0dx0af12修改代碼刷新後還是會變回原來的代碼,再次執行的還是原來的代碼。x0dx0a對於已經執行過的且已知在頁面中不會再次執行的的代碼,直接在debugger里修改是沒有用的,即使保存了,但是只要一刷新頁面,JS的代碼內容是會重新從cache獲取或者重塵晌新向伺服器請求然後執行的,但是這不代表就是不能修改。x0dx0a比如對於那些通過事件觸發的代碼,當修改並保存以後,是會生效的,前提是第一沒有刷新頁面,第二可以在不刷新頁面的前提下執行這段修改過的代碼(比如綁備態定事件)。
Ⅲ 瀏覽器 console 怎麼引用js
這里拿網路音樂VIP兌換頁面來做演示。
首先打開網路音樂VIP兌換頁面,然後按F12調出切換到Console控制台。如圖:
然後在Console控制台里輸入如下代碼,再回車它就會自動點擊,如演示圖:
setInterval(function () {$('#exchange-submit').click(); },800);setInterval(function () {$('.txt').click(); },800)
----------分隔符------------
代碼講解:
#exchange-submit,這說的是ID如:源碼中的 <span id="exchange-submit"></span>
.inner(把inner改成txt也行看代碼),這說的是CLASS如:源碼中的<span class="inner"><span class="txt">關閉</span> </span>
這里的數字是毫秒
「;」代碼中是上下隔一段代碼,如您要循環點擊3個不一樣順序的東西就再最後加個「;」再繼續輸入代碼就行了。Ⅳ 打開瀏覽器控制台,修改js代碼怎麼操作
在瀏覽器窗口上按下F12,選擇要修改的JS代碼即可。這個只是在當前頁面有效。不能刷新
Ⅳ chrome控制台怎麼運行js文件
document.write('<script src="B.js"><\/script>')在控制台里執行這個語句,可以即時載入外部js文件並執行文件中的代碼,不知道是否符合你的要求。
Ⅵ 在控制台sources重寫js後怎麼運行
直接ctrl+s保存後,按F10繼續調試
Ⅶ 控制台程序中怎麼調用和執行JS代碼
在js代碼中console.log()對js變數進行列印,就能在控制台看得到了
執行代碼:直接在控制台輸入js代碼,然後回車就能執行
黑馬陪裂程序員的PHP是國內最早培磨開設的配亂斗真正人工智慧課程。課程全面系統,緊跟時代潮流。Ⅷ 控制台程序中怎麼調用和執行JS代碼
我以谷歌瀏覽器:
打兆餘開調試器:按F12
執行JS代碼:,按ESC或者找局信到標簽「Console」,然後輸入代碼就可以執行了。
調用:首先把方法寫好,然後族臘滾回車到Console,然後直接可以用。
Ⅸ 怎麼讓瀏覽器打開的網頁執行一段js腳本
F12,彈出控制台,然後在控制台輸入js代碼,點擊enter就可以直接執行。
Ⅹ windows控制台能夠運行js腳本嗎
在js代碼中console.log()對js變數進行列印,就能在控制台看得到了 執行代碼:直接在控制台輸入js代碼,然後回車就能執行 黑馬程序員的PHP是國內最早開設的真正人工智慧課程。課程全面系統,緊跟時代潮流。