什麼是java script?
1.是用於web前端開發，提高用戶交互性的一種簡單的腳本語言。
2是一種基於對象和事件驅動的客戶端腳本語言（弱類型）。
3也直接可以運行在操作系統上，需要node.js環境支持。
4netscape公司1997年創建的，livescript。
5.js作用：驗證/交互/頁面特效
第一個javascript程序
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"strict.dtd表示這個文檔是嚴格格式的規範。
window.alert(‘123’);
以彈窗的方式在瀏覽器中顯示出來。
缺點：突然彈出，用戶的體驗不好。console.log(‘控制檯.日誌（）’);
- console.warn(‘控制檯.警告（）’);
console.error(‘控制檯.錯誤（）’);
會在控制檯輸出內容，開發時經常使用document.write();
直接在頁面輸出內容
使用js實現二級菜單
onmouseover 鼠標移入
onmouseout 鼠標移除
1.獲取標籤
document.getElementById(”);
2.用提供的屬性和=，控制樣式
.style.width=”200px”;
<ul>
<li class="one">一級菜單</li>
<li class="one">一級菜單</li>
<li class="one"
onmouseover="document.getElementById('two').style.display='block'"
onmouseout="document.getElementById('two').style.display='none'">
一級菜單
<ul style="display:none" id="two" class="two">
<li>二級菜單</li>
<li>二級菜單</li>
<li>二級菜單</li>
</ul>
</li>
</ul>onclick
函數：把一系列操作都集中在一起管理。
function：聲明函數
zoomIn ;函數名稱
(): 表示這是一個函數
{}： 寫在大括號裏面的代碼表示一個整體。
<head>
<meta charset="UTF-8">
<title>換皮膚效果</title>
<link rel="stylesheet" href="css/green.css" id="link"/>
<script type="text/javascript">
function red(){
document.getElementById('link').href="css/red.css";
}
function green(){
document.getElementById('link').href="css/green.css";
}
</script>
</head>
<body>
<input type="button" value="紅色" onclick="red()"/>
<input type="button" value="綠色" onclick="green()"/>
</body>
