index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<%request.setCharacterEncoding("gb2312"); %>
<%response.setContentType("text/html;charset=gb2312"); %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JS</title>
<!-- 导入外部JS文件 -->
<!-- <script type="text/javascript" src="myjs.js" charset="gb2312"></script> -->
<script type="text/javascript">
function con(){
var answer=confirm("你幸福吗?");
if(answer==true){
alert("幸福");
}
else{
alert("不幸福");
}
}
function pro(){
var name=prompt("用户名:");
if(name!=null){
document.write("欢迎您:"+name);
}
else{
document.write("输入信息为空");
}
}
function op(){
//window.open("http://www.baidu.com", "_blank", "width=500,height=500,menubar=no,toolbar=no, status=no,scrollbars=no");
var win=window.open("http://www.baidu.com", "_blank");
win.close();
}
function my(){
var answer=confirm("是否打开新网站?");
if(answer==true){
var name=prompt("网址:");
if(name==null){
window.open(name,"_blank");
}
else{
window.alert("输入信息空白,请重新输入");
}
}
}
</script> <style type="text/css">
.one{
color:#aaa;
}
.two{
color:#123;
}
</style>
</head> <body>
<input type="button" onclick="con()" value="confirm">
<input type="button" onclick="pro()" value="prompt">
<input type="button" onclick="op()" value="open" >
<input type="button" onclick="my()" value="more" > <!-- 修改信息 -->
<p id="world">我的世界</p>
<script type="text/javascript">
var world=document.getElementById("world");
world.style.color="blue";
document.write(world.innerHTML);
world.innerHTML="My World";
document.write(world.innerHTML);
</script>
<br>
<br>
<!-- 显示与隐藏 -->
<table id="info">
<tr>
<td><input type="text"></td>
</tr>
</table>
<script type="text/javascript">
function showtext(){
document.getElementById("info").style.display="block";
}
function hidetext(){
document.getElementById("info").style.display="none";
}
</script>
<input type="button" value="显示" onclick="showtext()">
<input type="button" value="隐藏" onclick="hidetext()"> <!-- 获取元素的class属性 -->
<p id="message" class="one">我的信息</p>
<script type="text/javascript">
function change(){
var my=document.getElementById("message");
my.className="two";
}
</script>
<input type="button" value="改变样式" onclick="change()">
</body>
</html>