#mydiv{
width:400px
height:300px
border:2px solid gray
}
.s{
color:red
font-size:20px
}
</style>
<script type="text/javascript">
function clickMe(){
var div=document.getElementById("mydiv")
var className=div.className
if(className!=""){
div.className=""
}else{
div.className="s"
}
}
</script>
<div id="mydiv">
这是一个层
</div>
<input type="button" value="切换样式" onclick="clickMe()" />
你好，
在网页中画椭圆，方式还比较多，最简单的其实不需要使用JS：
<div class="ellipse"></div><style>
.ellipse {
width: 400px
height: 200px
border-radius: 50%
background-color: #000
}
</style>
还有一种不需要使用JS的：
<svg width="800" height="400"><ellipse rx="200" ry="100" cx="400" cy="200"></ellipse>
</svg>
当然，这种也可以使用JS来实现，比如：
<svg width="800" height="400" id="J_SvgWrap"></svg><script>
var svg = document.getElementById('J_SvgWrap')
var ell = document.createElementNS('http://www.w3.org/2000/svg', 'ellipse')
ell.setAttribute("cx", 400)
ell.setAttribute("cy", 200)
ell.setAttribute("rx", 200)
ell.setAttribute("ry", 100)
svg.appendChild(ell)
</script>
还有一种使用JS实现的方式：
<canvas width="800" height="400" id="J_MyCanvas"></canvas><script>
var cvs = document.getElementById('J_MyCanvas')
var ctx = cvs.getContext('2d')
ctx.scale(1, 0.5)
ctx.arc(400, 200, 200, 0, Math.PI * 2)
ctx.fill()
</script>
好了，希望能解决你的问题！
因为一个老项目也遇到这个问题，所以希望回答能帮助到其他人。
在web.xml里添加jsp servlet的js映射，在项目里或都tomat里添加都可以，就可以使用jsp应有的东西，同理，.html也可以。需要使用到的标签库引用进去就可以。
JS可以如下：开头位置引入相关东西，最好contentType设置为js类型。
web.xml
<servlet-mapping><servlet-name>jsp</servlet-name>
<url-pattern>*.jsp</url-pattern>
<url-pattern>*.jspx</url-pattern>
<url-pattern>/路径/*.js</url-pattern><!-- 不指定具体文件或路径为全部 -->
<url-pattern>*.html</url-pattern>
</servlet-mapping>
