- JavaScript程序設計：基礎·PHP·XML
- (美)Elizabeth Drake
- 510字
- 2020-10-30 18:12:22
1.5.3 在網頁<body>中的JavaScript
你可能在不了解腳本的情況下就已經在網頁的<body>中使用了JavaScript。如果你創建了一個按鈕，那么就可能已使用了內置的JavaScript。首先，我們看看如何通過按鈕使用JavaScript，如例1.11所示。
例1.11 通過按鈕使用內置的JavaScript 為網頁添加一個按鈕的代碼如下：
這個按鈕看起來像這樣：
然而，如果單擊它，它將沒有反應。這條代碼簡單地用一個標識符（myButton）和按鈕要顯示的本文（Hi there!）建立了一個按鈕（它的類型是button）。我們需要使用JavaScript告訴瀏覽器當單擊按鈕時要做什么?？梢詾榘粹o添加各種不同的指令，但是對于這個例子，我們只添加一個onclick事件（本章后面解釋），其代碼如下：
當用戶單擊這個按鈕時，將彈出一個警示對話框顯示信息“Well,hello my friend.”。
在網頁中也可以使用一些JavaScript函數，然而一般情況下最好避免使用內置JavaScript。這基于幾個理由，一是使用內置JavaScript會使HTML代碼變得很大；二是HTML代碼永遠不會緩存，這意味著用戶每次訪問每個網頁時瀏覽器必須裝載其HTML代碼；三是內置JavaScript會使代碼更難維護。這是使用JavaScript文件代替內置JavaScript的最重要理由。當一個學生或初學者正在獨自工作而創建小腳本時代碼維護問題似乎不是很重要，但是在將來要參與建設大型網站時它卻是非常重要的。Web開發者和程序員都認為集中放置代碼優于將代碼片斷散布于一個網站的各個文件中。
推薦閱讀
- Mastering AWS Lambda
- Learning Laravel 4 Application Development
- Spring實戰（第5版）
- Linux操作系統基礎案例教程
- Linux Device Drivers Development
- Learning Laravel's Eloquent
- JavaScript程序設計（第2版）
- 計算機應用基礎教程（Windows 7+Office 2010）
- Instant Zurb Foundation 4
- Vue.js光速入門及企業項目開發實戰
- Mastering Gephi Network Visualization
- Selenium WebDriver Practical Guide
- Mastering ASP.NET Core 2.0
- Neo4j 3.x入門經典
- 量子計算機編程：從入門到實踐