日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

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

javascript

javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量

發布時間:2025/3/15 javascript 18 豆豆
生活随笔 收集整理的這篇文章主要介紹了 javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

JavaScript簡介

JavaScript歷史:

JavaScript是一門解釋型、動態類型、基于對象的腳本語言(不需要編譯,直接執行,與之相對的是編譯型語言),由美國網景公司的布蘭登·艾奇發明,起初稱LiveScript,其簡稱js。

JavaScript作用:

起初表單驗證----網頁特效-----服務端開發(Node.js)-----桌面程序(Electron)-----App(Cordova)-----控制硬件物聯網(Ruff)-----游戲開發(cocos2d.js)

瀏覽器執行javascript代碼:瀏覽器分為兩部分渲染引擎和js引擎。渲染引擎指解析HTML和CSS的引擎,俗稱內核;js引擎指處理js代碼的引擎,俗稱解析器。js引擎執行js代碼時逐行讀取并解析執行(轉換為二進制),即腳本語言。

JavaScript三大組成部分:

ECMAScript(js基本語法編程核心的標準)、 DOM—Document Object Model(文檔對象模型,操作頁面上的元素)、BOM—Browser Object Model(瀏覽器對象模型,操作瀏覽器窗口)

JavaScript基礎語法

JavaScript代碼書寫位置:

1、內嵌式:在html文件中的script標簽中寫js代碼;2、行內式:直接在標簽中書寫js代碼(內嵌js代碼);3、外部式:在js文件中書寫js代碼,并通過script標簽引入到html文件中

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><title>Document</title></head><body><!-- 內嵌js代碼: --><input type="button" value="點擊彈框" onclick="alert('直接寫在標簽中的js代碼')"><!-- 寫在script標簽中的js代碼:script標簽中的type屬性和language屬性在h5新規定可以省略不寫,但是有些程序員會寫上,這是標準寫法,為了后面瀏覽器解析代碼不會出現意外。 --><script type="text/javascript" language="JavaScript">alert('在html文件中的script標簽中書寫js代碼');</script><!-- 寫在外部js文件中的js代碼,通過script標簽引入HTML文件: --><script src='js/alert.js'></script></body></html>

注意:

1、在一對script的標簽中有錯誤的js代碼,那么該script標簽中錯誤代碼后面的代碼不執行

2、如果一對script的標簽中有錯誤,不會影響后面的script標簽中的js代碼執行

3、script標簽內:

type=‘text/javascript’-----標準寫法

language=‘javascript’------也可以,目前都省略,原因是html遵循h5的標準

4、特殊情況:script中同時出現type和language的寫法,防止瀏覽器解析時出錯

5、script標簽在頁面中可以出現多對

6、script標簽一般是放在body標簽的最后面,有時也放在head標簽中

7、如果js文件是外部引入的,那么該對script中不能寫任何代碼

JavaScript中的注釋:

//第一種注釋:注釋語句,VScode中快捷鍵:Ctrl + //* 第二種注釋:注釋語句,VScode中快捷鍵:Shift + Alt + a */

JavaScript中常用測試方法:


變量:

變量:指計算機中存儲數據的標識(容器),根據變量名稱可以獲取到內存中儲存的數據(變量的本質:程序在內存中申請一塊存數據的空間)。js中存儲數據是通過變量的方式儲存的,操作變量都是在內存中的,變量的聲明及賦值一般用var、const、let等關鍵字,使用變量可以方便的獲取或者修改內存中的數據,初學JavaScript使用var聲明變量,如:

<script>//關鍵字 變量名 = 值var num = 10;var name = 'xiaohei';var sum; //變量的聲明指:在內存中開辟一塊空間sum = 20; //給變量賦值var sum = 10; // 變量的初始化:即聲明變量的同時并賦值var x = 1,y = 2,z = 3; //一次初始化多個變量var num1,num2,num3; //一次聲明多個變量//一次給多個變量賦值:num1 = 1;num2 = 2;num3 = 3;// 使用彈框用變量接收一個值,并輸出這個值var str = prompt('輸入內容:');alert('彈出輸入的內容:' + str);//不聲明的變量在js中是可以使用的,前提要賦值myName = 'Jack';console.log(myName);</script>

注意:

1、JavaScript中區分大小寫

2、JavaScript中每個js代碼結束后要跟分號結尾

3、變量名應該有意義,由字母、數字、下劃線、$符號組成,不能以數字開頭,不能是關鍵字和保留字

4、遵守駝峰命名法。首字母小寫,后面單詞的首字母需要大寫

5、變量名不能重名,重名后相當于給變量重新賦值。

交換兩個變量:

<script>// 借助第三方變量實現變量交換:var num1 = 10;var num2 = 20;var temp;temp = num1;num1 = num2;//變量的重新賦值num2 = temp;console.log('num1:' + num1);console.log('num2:' + num2);//通過計算的方式交換兩個變量:var num1 = 10;var num2 = 20;num1 = num1 + num2;num2 = num1 - num2;num1 = num1 - num2;console.log(num1, num2);// 計算機位運算,擴展,不需要理解var num1 = 10;var num2 =num1 = num1 ^ num2;num2 = num1 ^ num2;num1 = num1 ^ num2;console.log(num1, num2);</script>

提示:本文圖片等素材來源于網絡,若有侵權,請發郵件至郵箱:810665436@qq.com聯系筆者 刪除。
筆者:苦海

總結

以上是生活随笔為你收集整理的javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量的全部內容,希望文章能夠幫你解決所遇到的問題。

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