JavaScript程式碼作為網頁中的一種指令碼語言，合理的使用JS會使頁面變得更加生動，從而表達出十分強悍的效果。 但是對於初學者來說，究竟將JS程式碼插入到網頁中的什麼位置略顯模糊。下面小編就從自己製作網頁過程中得出的經驗與大家分享，給大家講解一下在網頁中插入JS程式碼的方法。
方法/步驟
新建一網頁檔案“sample.html",用記事本或其它文字編輯軟體（如UltraEdit）開啟，輸入如圖所示的HTML程式碼。該網頁檔案包括一個藍色的字串，一個按鈕和一個文字框。
JS程式碼可插入到”head"標籤之間。編寫Javascript程式碼，程式碼內容如圖所示，並將該段程式碼複製到網頁檔案”sample.html“中標籤”"和“之間，然後檢視網頁檔案的顯示內容。
JS程式碼可插入到文件中，一般位於相關聯的標籤的後面。例如：我們想要實現點選“Show”按鈕時彈出一個對話方塊，則可編輯如下的Javascript程式碼。其中需要在按鈕標籤內註冊新增"onClick"事件。
當用滑鼠點選“Show”按鈕時就會彈出視窗。在視窗中顯示我們定義的文字內容“The Show Button Has Been Clicked!"。點選”確定“即可關閉視窗。
還可以將JS程式碼單獨寫在一個檔案中，然後在需要的網頁檔案中直接通過"Script"標籤引用。例如：我們想要實現當用滑鼠點選文字框時，文字框內會被寫入“Hello!”字樣的效果。那麼首先建立一個新的JS檔案“MyHello.js",並在檔案中輸入如圖所示的程式碼：
修改網頁檔案"sample.html"檔案，新增如圖所示的程式碼，其中包括對外部JS檔案”MyHello.js“的引用，以及為文字框新增的獲取焦點註冊事件。
最終網頁的效果如圖所示。 當點選文字框時就會出現“Hello！”字樣。
