简单显示天气预报js
代码
测试
访问manager/html目录
仅仅需设置修改的是conf/server.conf文件
内容如截图
若想修改tomcat默认的80端口,且同时在一台服务器上跑多个请修改8009 (停止进程端口)和8080(连接监听端口)
具体操作部署
想把Tomcat的默认网站根目录修改成自己指定的目录，比如：F:/MyWeb。这样以后把自己写的index.jsp放到该目录下，就能通过 http://localhost:8080/index.jsp来访问我的F:/MyWeb/index.jsp文件。其实就是修改conf目录中的 server.xml。
有2种修改方式：
- 方式一
- 把<Host name="localhost" debug="0" appBase="webapps" unpackWARs="true" autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false">中的appBase的值改成F:/MyWeb，变成appBase="F:/MyWeb"。
- 必须要在F:/MyWeb目录下建立ROOT（大写字母）目录。
- 重启Tomcat。
这种修改方式的结果是：localhost确实是F:/MyWeb，但网站的根目录是F:/MyWeb/ROOT，而不是F:/MyWeb。以后自己写的 网站都要放到ROOT下才行。而且，Tomcat自带的Tomcat Manager无法再从开始菜单的快捷方式运行，因为其路径是localhost:8080，而现在的localhost变成了F:/MyWeb，里面没 有相关文件，所以无法运行了。只能把Manager的相关文件复制到F:/MyWeb中才行。
考虑到上面缺点，不推荐这种方式。推荐下面的方式二！
- 方式二
- 找到</Host>标签，在之前加入这样一行：<Context path="" docBase="F:/MyWeb" debug="0" reloadable="true" crossContext="true" />。
- 重启Tomcat，OK。
对上面语句做下解释：该句是设置Tomcat的虚拟路径，书写语法是<Context path="虚拟目录" docBase="实际目录" debug="0" reloadable="true" crossContext="true" />，我将网站实际根目录映射到了F:/MyWeb，于是更改了网站跟目录的映射。
这种修改方式的结果是：localhost依然是最初的webapps，但网站的根目录是F:/MyWeb，相当于把原始的ROOT目录映射成F: /MyWeb，以后写的网站直接放到F:/MyWeb下，运行http://localhost:8080/index.jsp，就能访问了。而且，由于 localhost的路径没变，所以Tomcat Manager可以继续使用。
可以把原先ROOT中的文件都复制到MyWeb下做下测试，运行http://localhost:8080，OK，正常访问。
PS：我在方式二中，在加上所要求的语句后，又在前面加了句注释，结果重启Tomcat时就启动不了了，把注释删了，就能启动了，不知道为什么？
附加几个简单js测试码
鼠标悬停切换图片：
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById('b1').src ="diaochan.jpg"
}
function mouseOut()
{
document.getElementById('b1').src ="noimage.gif"
}
</script>
</head>
<body>
<a href="#"
onmouseover="mouseOver()" onmouseout="mouseOut()">
<img alt="Visit W3School!" src="noimage.gif" id="b1" onmouseover="alert('你的鼠标在图片上！')")/>
</a>
</body>
</html>
js显示天气预报：
<html>
<head><title></title>
<script type="text/javascript">
</script>
</head>
<body >
<div>
<iframe src="http://m.weather.com.cn/m/pn11/weather.htm" width="480" height="70" frameborder="1"></iframe>
</div>
</body>
</html>
js利用焦点实现选择网站：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var i = 1;
var focusid;
function defau() {
document.getElementById('1').focus();
focusid=1;
}
function showtable() {
var id = i + 1;
document.getElementById(id).focus();
focusid=id;
i++;
if (i == 4) {
i = 0;
}
}
function openhref() {
var href = document.getElementById(focusid).href;
document.location = href;
}
</script>
</head>
<body onload="defau()">
<a href="http://www.baidu.com/" id="1">百度</a>
<a href="http://www.google.com.hk/" id="2">谷歌</a>
<a href="http://www.youku.com/" id="3">优酷</a>
<a href="http://www.tudou.com/" id="4">土豆</a>
<input id="Button1" type="button" value="选择" onclick="showtable()" /><br />
<input id="Button2" type="button" value="进入" onclick="openhref()" />
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY