現在我們用一下js，js是一種很厲害的語言，以後自己感受。
下面來用一下
還是上一篇的代碼，在後面加入script標籤，在script裏面指明 type="text/javascript" ，意思是這是text類型的JavaScript代碼，然後在script裏面寫js代碼，
<html>
<head>
<title>ul li</title>
</head>
<style>
ul li{
list-style:none;
float:left;
margin-right:20px;
}
#menu{
width:1200px;
margin:0 auto;
}
</style>
<body>
<div id="menu">
<ul>
<li>首頁</li>
<li>個人主頁</li>
<li>消息中心</li>
<li>充值中心</li>
<li>會員中心</li>
</ul>
<br/>
<hr/>
</div>
</body>
</html>
<script type="text/javascript">
alert("Hellow JS");
</script>運行結果如下，會在頁面中彈出一個框，內容就是代碼上寫的內容。
代碼解析
alert就是彈出一個框。顯示消息
這樣我們的第一句js代碼就完成了。
下面進行以下一些簡單的js操作。
1、點擊事件
我們讓菜單中點擊一次，彈出對應的名稱
代碼如下
<html>
<head>
<title>ul li</title>
</head>
<style>
ul li{
list-style:none;
float:left;
margin-right:20px;
}
#menu{
width:1200px;
margin:0 auto;
}
</style>
<body>
<div id="menu">
<ul>
<li onclick="menuclick(this)">首頁</li>
<li onclick="menuclick(this)">個人主頁</li>
<li onclick="menuclick(this)">消息中心</li>
<li onclick="menuclick(this)">充值中心</li>
<li onclick="menuclick(this)">會員中心</li>
</ul>
<br/>
<hr/>
</div>
</body>
</html>
<script type="text/javascript">
function menuclick(e){
alert(e.innerHTML);
}
</script>代碼解析
function menuclick 表示定義一個menuclick的方法，方法的內容寫在{}大括號裏面，它們之間的()用來傳遞參數，上面li標籤寫着 onclick="menuclick(this)"，意思是，點擊時調用menuclick方法，將this傳入方法，this就是自身，是一個關鍵字，也就是li這個標籤。而在script中寫了e，這是同一個事物的不同名稱，e就是一個別名，e可以隨便起。
e.innerHTML就是獲取這個標籤裏面的內容。
用js自己寫頁面效果會很麻煩，那麼就有人幫我們創建了一個庫，叫jquery，這是對JavaScript的一個包裝，讓js更方便使用。我們調用JQuery簡單的方法，JQuery會幫我們執行復雜的js代碼，而不需要我們自己寫。
下一篇再說JQuery