javaScript练习
1.
<body>
<center>第一个JavaScript演示
<br />
<script language="javascript">
document.write("这行文字是JavaScript执行后打印出来的！");
</script>
</center>
</body>
</html>
2.
<body>
<center>从这个窗口中新开一个窗口
<br />
<script language="javascript">//pic.html要存在站点内。
window.open("pic.html","","window=390,height=5,toolbar=no,resizable=no,top=200,left=200");
</script>
</center>
</body>
</html>
3.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>警告框的例子</title>
<script language="javascript">
alert("此处信息会在警告框上出现！");
</script>
</head>
<body>
<center>
<br />
警告框打开的时候，无法对浏览器进行操作
</center>
</body>
</html>
4.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>确认框的例子</title>
<script language="javascript">
if(confirm("你确认删除此条信息么？"))
{
document.write("删除了信息");
}
else
{
document.write("没有删除信息！");
}
</script>
</head>
<body>
<center>
</center>
</body>
</html>
5.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>询问框的例子</title>
<script language="javascript">
var user=prompt("输入你的姓名：","");
document.write("你好！"+user);
</script>
</head>
<body>
<center>
</center>
</body>
</html>
6.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>load/unload</title>
<script language="javascript">
function mytest()
{
alert("即将推出文档。");
}
</script>
</head>
<body onload="JavaScript:alert('即将装载文档。')"
onunload="JavaScript:mytest();">
<center>
</center>
</body>
</html>
7.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>focus</title>
<script language="javascript">
function focusHandle()
{
alert("光标聚集到文本框");
}
</script>
</head>
<body >
<form name="Test" >
<input type="text" name="UserName" onfocus="JavaScript:focusHandle()" />
</form>
</body>
</html>
8.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>blur</title>
<script language="javascript">
function blurHandle()
{
alert(document.Test.UserName.value);
}
</script>
</head>
<body >
<form name="Test" >
<input type="text" name="UserName" value="姓名" onblur="JavaScript:blurHandle()" />
</form>
</body>
</html>
9.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>click</title>
<script language="javascript">
function validateForm()
{
if(confirm("你确认提交这个表单么？"))
{
document.Test.submit();
}
}
</script>
</head>
<body >
<form name="Test" >
<input type="text" name="UserName" >
<br />
<input type="button" name="sub" value="提交" onclick="JavaScript:validateForm()" >
</form>
</body>
</html>
10.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>change</title>
</head>
<body >
<form name="Test" >
<input type="text" name="UserName" onchange="JavaScript:alert('文本框内容以改变！')；" />
<br />
<select name="Year" onchange="JavaScript:alert(this[this.selectedIndex].value);">
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
</select>
<br />
</form>
</body>
</html>
11.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>select</title>
</head>
<body >
<form name="Test" >
<input type="text" name="UserName" value="JS编程基础" onselect="JavaScript:alert(this.value);"/>
<br />
</form>
</body>
</html>
12.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>submit</title>
<script language="javascript">
function checkForm()
{
if(confirm("你确认提交表单么？"))
{
return true;
}
else
{
return false;
}
}
</script>
</head>
<body >
<form name="Test" onsubmit="JavaScript:return checkForm();">
<input type="text" name="UserName" value="">
<br />
<input type="submit" name="sub" value="提交表单" />
</form>
</body>
</html>
13.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>checkForm</title>
</head>
<body >
<form name="test" method="post" action="image/bf.jpg">
用户名：<input type="text" name="UserName" />
<br />
密码：<input type="password" name="pwd" />
<br />
<input type="button" value="提交" onclick="JavaScript:checkForm();" />
</form>
</body>
</html>
<script language="javascript">
function checkForm()
{
var theForm=document.test;
if(theForm.UserName.value=="")
{
alert("请输入用户名！");
theForm.UserName.focus();
}
else if(theForm.pwd.value=="")
{
alert("请输入密码！");
theForm.pwd.focus();
}
else
{
theForm.submit();
}
}
</script>
浙公网安备 33010602011771号
