二、HTML嵌入JavaScript腳本(了解)



1、在<head></head>標簽中使用<script></script>

<html>
<head>
<titel></title>
<script language = "javascript">
window.alert("hello world!");
</script>
</head>
<body></body>
</html>
實例(掌握):
需求:用HTML代碼實現一個普通的按鈕,當用戶點擊按鈕的時候,執行一段JS代碼。
知識點:1、JavaScript是基於事件驅動型的變成語言,當發生某個特殊的事件的時候執行一段特殊的程序。
2、我們可以將用戶點擊按鈕看做一個鼠標單擊事件,這個事件在JS中被稱為click事件。
3、沒一個JS事件都會對應一個事件句柄,事件句柄的名稱是:on+事件名。例如:click是鼠標單擊事件,onclick是鼠標單擊事件句柄。
4、可以選擇在事件句柄后面注冊js代碼。當某個事件發生后,注冊在事件句柄后面的js代碼會被自動執行。
5、以下js代碼什么時候會執行?當用戶單擊按鈕的時候,注冊在onclick后面的js代碼會被瀏覽器自動執行。
代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="button" value="點擊彈出" onclick="window.alert('hellow world!');" />

</body>

</html>
6、Windows是js中的內置對象,代表整個瀏覽器窗口,屬於BOM中的一員
7、Windows這個內置對象有一個方法,叫做alert,這個方法可以幫助彈出消息框。
8、js中的字符串可以使用雙引號括起來,也可以使用單引號括起來。
9、js語句以分號結尾
10、window.alert('hellow world!');中的window.可以省略。

2、在HTML頁面獨立的腳本塊中編寫js代碼
1、<script></script> 標簽不一定出現在<head></head>標簽中,可以出現在HTML頁面中的任何位置
2、整個HTML頁面加載的時候,自上而下的順序依次解釋執行
例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<script type="text/javascript">
window.alert('Hello ');
window.alert(' World!');
</script>

</body>

</html>

3、在html頁面引入外部js文件

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="1.js"></script>
</head>
<body>


</body>

</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM