標籤：
1.啟動tomcat那些準備就不說了
2.在tomcat的webapps目錄下建立firstDemo檔案夾，在其下面建css和js檔案夾，還有建index.html css下建立一個css，js下建兩個js分別為first.js和jquery.min.js
3.first.js下放如下：
1 $(document).ready(function(){2 $("button").click(function(){3 $("#testDiv").hide();4 });5 });
jquery.min.js放這個網站上面的代碼：http://libs.baidu.com/jquery/2.0.0/jquery.min.js
index.html寫入：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>靜態html頁面(runoob.com)</title> 6 <script src="js/jquery.min.js"></script> 7 <script src="js/first.js"></script> 8 </head> 9 <body> 10 <div id="testDiv">這是一個標題</div> 11 <button>點我</button> 12 </body>13 </html>
此三個檔案都是用記事本建立，再改尾碼。開啟是用Notepad++
4.運行index.html 出來如下介面
【Tomcat】發布簡單的html網站
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
