怎么編寫JavaScript

這篇文章給大家分享的是有關怎么編寫JavaScript的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。

創新互聯公司長期為數千家客戶提供的網站建設服務,團隊從業經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯網生態環境。為濂溪企業提供專業的成都網站設計、成都網站制作、外貿網站建設濂溪網站改版等技術服務。擁有十多年豐富建站經驗和眾多成功案例,為您定制開發。

JavaScript的入門文章:

如果你已經會寫html與css了,但是你還沒學JavaScript那么你就可以從筆者的這邊文章開始學起了。

一共可以寫在三個地方。

  1. 行內,給元素添加事件
<button onclick='alert("hello")'>按鈕</button>
  1. 寫在html內部
    (一般情況下放在body的結束標簽之前,在所有的html內容之后)
<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代碼</script>
  1. 寫到外部j后綴名為.js的文件中,然后引用。
    比如現在寫了一個 index.js文件放在了 與你的html在同一個目錄下
<script src="./index.js"></script>

注意點:
1. src引入的是外部JS文件路徑
2. </script>必須單獨出現
3. 在開始和結束標簽之間。不出現任何JS代碼,出現了也不會執行。

輸出:

  1. alert(‘提示信息’); - - 彈出一個警告框,會中斷瀏覽器渲染及其他操作。
  2. document.write(‘內容’); - - 向文檔流中打印輸出內容。通常不會使用這種方式。可做了解。
  3. console.log(‘提示內容’); - - 向控制臺輸出日志內容(控制臺就是你在頁面當中使用F12然后出現的東西)。前端程序員算是必須學會的東西,因為實際項目開發的過程中需要不斷的調試。尤其是出現令人惱火的bug的時候。console.log更多的玩法可看筆者的另外一篇文章:你不知道的console的騷操作

輸入:

  1. prompt(提示信息)
    用戶點擊確認按鈕,得到用戶輸入的值,用戶點擊取消按鈕,得到null
  2. 表單中的輸入框
    比如input,textarea等等,或者將元素變成了可編輯狀態(如果不知道怎么將元素變成可編輯狀態可以看筆者的富文本編輯器實現原理)

變量:內存中的數據存儲空間,該空間中保存的數據可以隨著運算的進行發生改變。
變量三要素:
1. 變量名
2. 變量值
3. 數據類型
JS是弱(動態)類型的語言,不關心變量創建時的數據類型,是在運行后才能確定變量的數據類型。
語法:
定義變量:

var 變量名 = 變量值;//分解var 變量名;變量名 = 變量值;

實際的項目開發過程中基本上不會使用var來生命變量。一般都是使用const,let來聲明變量,因為var有聲名提升,和內存泄漏的問題。有關const和let請看筆者b的ES6介紹。
變量的命名規則:
a. 能夠包含的字符:字母、數字、_、$
b. 不能以數字開頭
c. 不能是關鍵字或保留字
關鍵字/保留字:有固定語法含義的單詞
關于關鍵字和保留字的詳細內容請移步到ECMAScript關鍵字和保留字詳細介紹
d. 嚴格區分字母大小寫
變量的命名規范:
a. 取簡潔的英文單詞作為變量名,見名知意。
b. 有多個單詞時,第一個單詞首字母小寫,其他單詞首字母大寫。

JavaScript的入門文章:

如果你已經會寫html與css了,但是你還沒學JavaScript那么你就可以從筆者的這邊文章開始學起了。

一共可以寫在三個地方。

  1. 行內,給元素添加事件
<button onclick='alert("hello")'>按鈕</button>
  1. 寫在html內部
    (一般情況下放在body的結束標簽之前,在所有的html內容之后)
<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代碼</script>
  1. 寫到外部j后綴名為.js的文件中,然后引用。
    比如現在寫了一個 index.js文件放在了 與你的html在同一個目錄下
<script src="./index.js"></script>

注意點:
1. src引入的是外部JS文件路徑
2. </script>必須單獨出現
3. 在開始和結束標簽之間。不出現任何JS代碼,出現了也不會執行。

輸出:

  1. alert(‘提示信息’); - - 彈出一個警告框,會中斷瀏覽器渲染及其他操作。
  2. document.write(‘內容’); - - 向文檔流中打印輸出內容。通常不會使用這種方式。可做了解。
  3. console.log(‘提示內容’); - - 向控制臺輸出日志內容(控制臺就是你在頁面當中使用F12然后出現的東西)。前端程序員算是必須學會的東西,因為實際項目開發的過程中需要不斷的調試。尤其是出現令人惱火的bug的時候。console.log更多的玩法可看筆者的另外一篇文章:你不知道的console的騷操作

輸入:

  1. prompt(提示信息)
    用戶點擊確認按鈕,得到用戶輸入的值,用戶點擊取消按鈕,得到null
  2. 表單中的輸入框
    比如input,textarea等等,或者將元素變成了可編輯狀態(如果不知道怎么將元素變成可編輯狀態可以看筆者的富文本編輯器實現原理)

變量:內存中的數據存儲空間,該空間中保存的數據可以隨著運算的進行發生改變。
變量三要素:
1. 變量名
2. 變量值
3. 數據類型
JS是弱(動態)類型的語言,不關心變量創建時的數據類型,是在運行后才能確定變量的數據類型。
語法:
定義變量:

var 變量名 = 變量值;//分解var 變量名;變量名 = 變量值;

實際的項目開發過程中基本上不會使用var來生命變量。一般都是使用const,let來聲明變量,因為var有聲名提升,和內存泄漏的問題。有關const和let請看筆者b的ES6介紹。
變量的命名規則:
a. 能夠包含的字符:字母、數字、_、$
b. 不能以數字開頭
c. 不能是關鍵字或保留字
關鍵字/保留字:有固定語法含義的單詞
關于關鍵字和保留字的詳細內容請移步到ECMAScript關鍵字和保留字詳細介紹
d. 嚴格區分字母大小寫
變量的命名規范:
a. 取簡潔的英文單詞作為變量名,見名知意。
b. 有多個單詞時,第一個單詞首字母小寫,其他單詞首字母大寫。

感謝各位的閱讀!關于怎么編寫JavaScript就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

分享文章:怎么編寫JavaScript
瀏覽路徑:http://m.kartarina.com/article44/pipphe.html

成都網站建設公司_創新互聯,為您提供關鍵詞優化服務器托管網站導航企業建站靜態網站自適應網站

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

h5響應式網站建設
主站蜘蛛池模板: 国产亚洲美日韩AV中文字幕无码成人 | 天天看高清无码一区二区三区| 无码精品尤物一区二区三区| 毛片无码一区二区三区a片视频| 天码av无码一区二区三区四区| 亚洲精品无码av人在线观看 | 亚洲的天堂av无码| 无码一区二区三区爆白浆| 成人无码网WWW在线观看| 亚洲AV无码国产一区二区三区| 中文人妻无码一区二区三区| 国语成本人片免费av无码| 日韩精品无码熟人妻视频| 超清无码一区二区三区| 亚洲精品无码专区| 日韩免费人妻AV无码专区蜜桃| 久久无码人妻精品一区二区三区| 亚洲av无码专区在线电影| 亚洲av无码一区二区三区不卡| 尤物永久免费AV无码网站| 中文字幕AV无码一区二区三区| 永久免费av无码入口国语片| 国产成人无码免费看片软件 | 日韩中文无码有码免费视频 | 少妇特殊按摩高潮惨叫无码| 久久久无码精品亚洲日韩蜜桃 | 亚洲av永久无码精品网站| 无码AV动漫精品一区二区免费| 亚洲AV无码片一区二区三区| 久久国产精品无码一区二区三区 | 亚洲国产一二三精品无码| 无码专区国产精品视频| 97无码免费人妻超级碰碰夜夜| 无码无套少妇毛多18PXXXX| 18禁无遮挡无码国产免费网站| 少妇伦子伦精品无码STYLES| 久久久久久久人妻无码中文字幕爆 | 西西午夜无码大胆啪啪国模| 日韩精品无码人成视频手机| 亚洲国产精品无码一线岛国| 亚洲AV无码一区二区乱孑伦AS|