當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript基础(一)基本认识

發布時間：2025/4/16 javascript 22 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript基础(一)基本认识小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

什么是JavaScript

是世界上用的最多的腳本語言。- - 解釋型語言?
腳本語言：不需要編譯，直接運行時邊解析邊執行的語言。
是客戶端腳步語言。
一種網頁編程技術，用來向HTML頁面添加交互行為。
一種基于對象和事件驅動的解釋性腳本語言，直接嵌入HTML頁面，由瀏覽器解釋執行代碼，不進行預編譯。

JavaScript發展史

JavaScript的正式名稱是“ECMAScript”，此標準由ECMA組織發展和維護
ECMA-262是正式的JavaScript標準?
此標準基于JavaScript(Netscape)和JScript(Microsoft)
網景公司在Netscape2.0首先推出了JavaScript
微軟公司從IE3.0開始提供對客戶端JavaScript的支持，并另取名為JScript

JavaScript的特點

可以使用任何文本編輯工具編寫，只需要瀏覽器就可以執行程序
解釋執行：事先不編譯，逐行執行
基于對象：內置大量現成對象
適宜：?
- 客戶端數據計算
- 客戶端表單合法性驗證
- 瀏覽器事件的觸發
- 網頁特殊顯示效果制作

JavaScript最初的目的

判斷客戶端的輸入。?
- 　　對于網頁的請求響應，不能都在服務器端進行判斷，現在客戶端做處理。?
  - 　　注意：不能把所有的判斷都放在js上，因為瀏覽器可以禁用javascript。

JavaScript現在延伸

頁面特效
異步和服務器交互（ajax）
服務器開發（nodejs）
移動端的開發（網頁和app）
網頁小游戲

JavaScript的組成

ECMAScript ：javascipt的語法規范
DOM ：操作網頁元素的API
BOM : 操作瀏覽器部分的功能的API

script標簽

　　　HTML 中的腳本必須位于 <script> 與 </script> 標簽之間。如需在HTML頁面中插入JavaScript，請使用<script>標簽。<script>和</script>會告訴JavaScript在何處開始和結束。否則不會執行你所寫的js腳本。

? 標簽的屬性：

src: 引入文件
type: 規定語言類型
async: 是否異步
sync: 同步?
- 　　同步：一個人按照順序依次處理事情。
- 　　異步：多人同時執行各個任務。
defer:異步
- 　　與async的區別：defer等頁面加載完成后才執行。async是js獲取到就執行。

JavaScript 輸出

　　JavaScript可以通過不同的方式來輸出數據：

使用window.alert()彈出警告框。(彈框)
使用document.write()方法將內容寫到HTML文檔中。(生成頁面)
使用innerHTML寫入到HTML元素。(生成頁面)
使用console.log()寫入到瀏覽器的控制臺(控制臺輸出：F12)

#1. <script>alert("Hello World"); </script> #2. <script>document.write("<h1>第一天</h1>"); </script> #3. <script>document.getElementById("demo").innerHTML = "段落已修改。"; </script> #4. <script>console.log(1); </script>

補充

網頁內容

HTML 提供網頁內容的顯示
css 美化網頁
javascipt 控制網頁行為

對于標簽javascript的引用

　　這二者沒有什么不同，language和type 都表示指定腳本語言為javascript(ie默認腳本語言不是javascript)，在瀏覽器上解釋都會出現相同的效果，都可以進行使用，正規的標準寫法是:

　　<script language="javascript" type="text/javascript"></script>

　　然而，language這個屬性在W3C的HTML標準中，已不再推薦使用。所以以后在編寫的時候盡量少使用或者不使用language這個屬性。

轉載于:https://www.cnblogs.com/yuan1994/p/11183856.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的JavaScript基础(一)基本认识的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。