码迷,mamicode.com
首页 > Web开发 > 详细

【Tomcat】发布简单的html网站

时间:2016-09-05 01:30:37      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:

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网站

标签:

原文地址:http://www.cnblogs.com/gaigaichen/p/5840828.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!