JavaScript 有兩種工作方式,由瀏覽器引擎解析嵌入在HTML網頁中的 JavaScript腳本,然后分別執行不同的操作。其中,第一種方式是把 JavaScript 代碼嵌入到HTML頁面中
如上例所示,就是一個簡單的有JavaScript交互的 HTML 頁面。文本上的“點擊我”按鈕被包裹在了HTML的“button”標記中,并通過onclick事件調用JavaScript函數"myFunction()",該函數在彈出一個對話框中顯示 "Hello World!"。
此外,在應用JavaScript的過程中,要了解如何引用外部 JavaScript 文件,對于部分復雜的交互邏輯而言,只可以在外部的JavaScript文件中編寫JavaScript代碼,而不能出現在HTML文件之中。
這是一個文本段落。
如上例所示。這個 HTML 文件引用了外部的 JavaScript 文件"myScript.js",并且這個文件必須與HTML文件存在相同的目錄下。
DOM(文檔對象模型)是 JavaScript 處理 HTML 和 XML 文件的編程接口。DOM 是對象樹的形式,用于表示和操作 HTML 的內容和結構。開發者可以通過DOM操作來獲取HTML元素、修改HTML元素、添加和移除HTML元素。
如下我已經有一個 Button 按鍵
在本例中,JavaScript 用于“onclick”事件處理程序,用了一個函數(myFunction())作為事件的響應函數。 每當用戶單擊按鈕時,JavaScript函數更改按鈕文本內部的 HTML,并將其值更改為“已經點擊”。此時,Button按鈕的各種屬性已通過JavaScript進行了操作,完成了文檔對象模型的操作,阻礙用戶操作體驗。
總之,JavaScript為web開發奠定了強有力的基礎,幫助開發者設計交互式的、革命性的網頁。完全了解JavaScript無疑是一個緊急需要掌握的技能。