1、認(rèn)識JS
JS的的發(fā)展歷程有空再議，可謂是百家爭鳴，最終磐涅鳳凰，浴火重生。
JavaScript、JS、javascript都是JavaScript
JS的的特性
- 編程語言：就是可以編寫處理邏輯的程序的語言
- 腳本語言：可以編寫具有簡單功能處理的、運行特定環(huán)境的小程序操作
- 跨瀏覽器：目前主流的任意瀏覽器都可以操作
- 弱類型語言：對于數(shù)據(jù)類型的存儲操作可以自動適應(yīng)
- 運行環(huán)境：瀏覽器引擎【JS解釋器】、NodeJS平臺
- 解釋運行：解釋一行，執(zhí)行一行
1.1 第一個JS程序
JS代碼，在前端開發(fā)中需要寫到<script></script>標(biāo)簽中
// JS 中的單行注釋
/* JS中的多行注釋開頭
*/ JS中的多行注釋的結(jié)尾
alert("信息")：控制瀏覽器彈出一個警告對話框
document.write("信息")：在瀏覽器的網(wǎng)頁中，輸出write()定義的信息
console.log("信息")：在瀏覽器的控制臺窗口中，輸出一段信息
<!--alert的簡單應(yīng)用-->
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>網(wǎng)頁標(biāo)題</title>
<scrpit>
alert("彈出一個警告對話框")
</scrpit>
</head>
<body>
</body>
</html>
2、 JS的使用
2.1 JS的使用場景
客戶端編程：編寫在HTML中的js腳本文件，運行在瀏覽器中。主要實現(xiàn)：網(wǎng)頁特效、數(shù)據(jù)驗證、數(shù)據(jù)交互
服務(wù)端編程：編寫在服務(wù)器上js腳本文件中，運行在Node平臺上。主要實現(xiàn)：服務(wù)端軟件的功能流程處理
2.2 安裝、配置、開發(fā)環(huán)境
- 安裝：客戶端編程不需要安裝【服務(wù)端開發(fā)：需要安裝NodeJS環(huán)境】
- 配置：客戶端編程不需要配置【服務(wù)端開發(fā)：需要配置開發(fā)環(huán)境】
- 開發(fā)環(huán)境：客戶端編程在瀏覽器環(huán)境【瀏覽器引擎對象包含了JS解釋器】【服務(wù)端編程在NodeJS運行】
3、基本語法
在HTML網(wǎng)頁中，編寫的腳本程序
JS代碼位置有三種：
1、標(biāo)簽內(nèi)嵌：事件屬性
2、網(wǎng)頁內(nèi)嵌：JS代碼寫在一對<script></script>標(biāo)簽中
3、外部腳本：JS代碼寫在一個js文件中，通過script標(biāo)簽引入到HTML網(wǎng)頁
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS基礎(chǔ)語法</title>
<!--引入外部的JS文件；路徑是相對路徑；不能使用絕對路徑-->
<script src="demo02.js"></script>
<style>
div{
width: 100px;
height: 100px;
background-color: #00c4ff;
}
</style>
</head>
<body>
<!--標(biāo)簽內(nèi)嵌JS代碼-->
<div onclick="javascript:alert('點了一下div')">這是一個標(biāo)簽，點我試試</div>
<!--網(wǎng)頁內(nèi)嵌-->
<button onclick="show()">按鈕</button>
<!--使用外部JS代碼-->
<button onclick="show_info()">玩一玩廣告。。。</button>
<script>
// 網(wǎng)頁內(nèi)嵌JS代碼：必須寫在一對scpipt標(biāo)簽中
function show(){
alert("用戶點擊的一個東西，顯示了show函數(shù)")
}
</script>
</body>
</html>