<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js</title>
<script src="wbjs.js"></script>
<!--链接外部js样式-->
<script type="text/javascript">
function diaoyong()<!--声明函数被调用-->
{alert("内部调用")<!--弹出对话框“内部调用”-->
}
confirm("你是女生吗？")<!--弹出确认、取消对话框-->
function del()<!--删除按钮调用-->
{
if(confirm("确定要删除吗？")==true){
alert("删除")}
else{alert("不删除")}
}
</script>
</head>
<body>
<img onClick="waibudy()" src="../pic/bb.jpg" title="点击图片"><!--当鼠标经过图片的时候出现小的提示框“点击图片”图片的路径src（），当单击的时候调用外部js文件中的waibudy（）命令。-->
<p onClick="alert('alt和title作用基本相同')" title="点我"><a href="#">点击弹出</a></p> <!--当点击"点击弹出"时，鼠标经过出现小的提示框“点我”当点击时弹出('alt和title作用基本相同')对话框！-->
<p onClick="waibudy()" title="点击调用""><a href="#">调用外部js</a></p>
<!—外部文件名是"wbjs.js"，内部定义的函数是function waibudy()
{alert("欢迎光临")
}，即弹出——欢迎光临-->
<p align="center"><a onclick="window.close()" href="#">关闭</a></p>
<!--当点击"关闭"时,出现是否关闭ie浏览器对话框，点确定关闭，点取消不关闭--> <!--复选框-->
<input type="checkbox" name="id"/>1<br/>
<input type="checkbox" name="id"/>2<br/>
<input type="checkbox" name="id"/>3<br/>
<input type="checkbox" name="id"/>4<br/>
<input type="checkbox" name="id"/>5<br/>
<input type="checkbox" name="id"/>6<br/>
<input type="submit" value="删除" onClick="del()"/><!--删除按钮，调用了del（）函数；当删除对话框按下“确定”时弹出“删除”，“取消”就是“不删除”-->
</body>
</html>
Prompt：提示对话框的练习
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试</title>
<script type="text/javascript">
name=prompt("请输入一个朋友的名字","名字");//定义变量name它是一个“提示框”提示框上的字是“请输入一个朋友的名字”，默认值是“名字”
name1=prompt("请再输入一个朋友的名字","名字");//定义变量name1它是一个“提示框”提示框上的字是“请再输入一个朋友的名字”，默认值是“名字”
document.write(name+"是你最重要的人"+name1+"是你关心的人")//写入文档有输入“输入的名字1是你最重要的人，输入的第二个名字是你关心的人。即在当前文档中显示” </script>
</head>
<body>
</body>
</html>
getElementById获得id，setTimeout设置什么时间出现
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<span id="text"></span><!--先定义个id名为text-->
<p id="pp"></p><!--在定义一个id名为pp-->
<input type="text" id="user"/><!--文本框id名为user-->
<script type="text/javascript">
document.getElementById("text").innerHTML="你好，欢迎来到这里！"
//用getElementById得到一个区域用来文本输出的。在text区域，网页区域显示文本”你好，欢迎来到这里！“
document.getElementById("pp").innerHTML="来到这里！"
//document.getElementById("user").value="请输入你的账号！"
function aa()
{
setTimeout("document.getElementById('user').value='你好！'",2000);
//setTimeout设置2秒钟之后在输入文本框中出现”你好！“，文本框的id是text。 }
</script>
<input type="button" value="单击按钮" onclick="aa()"/>
<!--当点击”单击按钮“这个按钮时执行调用aa（）函数。即当点击按钮时，点击之后2秒之后在文本框中出现”你好！“-->
</body>
</html>
setTimeout，getElementById
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>settimeout</title>
<script type="text/javascript">
/*function aa()
{alert("这个是3秒钟之后自动弹出来的");}
window.setTimeout("aa()",3000);
onLoad="window.setTimeout('window.close()',5000);"(在body内加载的，5秒钟之后弹出系统关闭窗口。）*/
function tanchu()
{window.setTimeout("alert('1秒啦！')",1000)}//定义一个函数过1秒钟之后出现对话框”1秒钟了！“
</script>
</head>
<body>
<form>
<input type="button" value="点击5秒钟弹出" onClick="tanchu()"/><!--早表单中添加按钮”点击1秒钟后弹出“然后执行调用tanchu（）函数-->
</form>
<span id="one"></span><br><!--定义个区域id为one为了后面使用-->
<input type="text" id="ww" value=""/>
<script type="text/javascript">
document.getElementById("one").innerHTML="你好，欢迎"//用getElementById获得个id——one，在这个区域中显示文本"你好，欢迎"
document.getElementById("ww").value="你好"//获得id——ww在这个区域中显示“你好” </script>
</body>
</html>
moveTo，resizeTo
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<input type="button" value="打开窗口" onClick="win()" /><!--设置打开按钮，用来调用打开一个新的网页，当单击时调用win（）-->
<input type="button" value="移动窗口" onClick="mov()" /><!--设置移动按钮，用来调用移动网页位置，当单击时调用mov（）-->
<input type="button" value="关闭窗口" onClick="window.close()" />
<script type="text/javascript">
function win(){
my=window.open("","","width=200,height=100");//设置并打开一个新窗口，赋给变量my。方便以后改变它的属性
my.document.write("欢迎您！");//新窗口中写“欢迎你！”
}
function mov(){
my.window.moveTo(300,300);//移动my这个窗口它的坐标改成（300，300）
my.window.resizeBy(100,50);//重新设置大小宽增加100，长增加50
//my.window.resizeTo(400,300);
my.focus();//让my窗口始终在最前显示
}
</script>
</body>
</html>
setTimeout，getElementById
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>set</title>
</head>
<body>
<input type="text" id="user" value=""/>
<script type="text/javascript">
function onc(){
setTimeout("document.getElementById('user').value='你好！2秒过去了'",2000);
//setTimeout("document.getElementById('user').value='你好！4秒过去了'",4000);
//setTimeout("document.getElementById('user').value='你好！6秒过去了'",6000);
//setTimeout("document.getElementById('user').value='你好！8秒过去了'",8000);
}
</script>
<input type="button" value="单击按钮" onclick="onc()" />
</body>
</html>
setInterval，
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title>
</head>
<body>
<input type="text" id="user" size="40"/>
<script type="text/javascript">
function time(){
document.getElementById("user").value=new Date();
//获取系统时间在输入框区域中输出
}
a=setInterval("time()",1000);//定义一变量a作用是每隔一秒钟执行一次time（）； //setInterval("time()",1000);
</script>
<input type="button" value="显示时间" onclick="setInterval('time()',1000)" /> <!--onclick后面不能是变量-->
<input type="button" value="停止时间" onclick="clearInterval(a)" />
</body>
</html>
setInterval
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="num"></div>
<script type="text/javascript">
i=0;
function nn(){
i++;
document.getElementById("num").innerHTML=i;//innterHTML是用于块元素中的，而value
是用在input中的
}
setInterval("nn()",1000);
</script>
</body>
</html>
变量：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
var name,sex,age;
name="穆海静"
sex="女"
age="25"
document.write("姓名："+name+"<br>"+"性别："+sex+"<br>"+"年龄："+age+"<br>"); function sj(){
var time,h,m,s;
time=new Date();
h=time.getHours();
m=time.getMinutes();
s=time.getSeconds();
shijian="现在时间是："+h+"时"+m+"分"+s+"秒"+"<br>";
document.getElementById("xx").innerHTML=shijian;
}
setInterval("sj()",1000);
shu=prompt("请输入一个数",00);
if(shu%2==0){
alert("你输入的是偶数！")
//document.write("你输入的是偶数！");
}
else{
alert("你输入的是奇数！")
//document.write("你输入的是奇数！")
}
</script>
<div id="xx"></div>
</body>
</html>
字符串
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
str="你好，哈市劳动法看世界大附件了萨菲"
str1=str.substring(3,5)
document.write(str1)
</script>
</body>
</html>
注册表单：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title>
</head>
<body onLoad="myform.user.focus()"> Transitional//EN"
<script type="text/javascript">
function check()
{if(myform.user.value==""){
alert("用户名不能为空！")
document.myform.user.focus(); return false
}
else if(myform.user.value.length<6){ alert("长度不足6位")
document.myform.user.select(); return false
}
if(myform.pas.value==""){
alert("密码不能为空！")
document.myform.pas.focus();
return false}
else if(myform.pas.value.length<6){ alert("长度不足6位")
document.myform.pas.select();
return false
}
if(myform.pas1.value!=myform.pas.value){ alert("密码不一致！")
document.myform.pas1.select(); return false
}
if(myform.tel.value==""){
alert("手机号不能为空！")
document.myform.tel.focus();
return false
}
else if(isNaN(myform.tel.value)) {alert("手机号必须是数字！") document.myform.tel.select();
return false}
else if(myform.tel.value.length!=11) {alert("手机位数不对！")
document.myform.tel.select();
return false
}
if(myform.yx.value==""){
alert("邮箱不能为空！")
document.myform.yx.focus();
return false
}
else if(myform.yx.value.indexOf("@")==-1||myform.yx.value.indexOf(".")==-1)
//判断在输入的邮箱字符中有没有@，如果有@那么就不会等于-1，如果没有找到@，那么它的值是-1.
{
alert("信箱格式错误！")
document.myform.yx.select();
return false}
else if(myform.yx.value.substring(0,1)>myform.yx.value.substring(0,1) || myform.yx.value.indexOf("@")==0)
//取字符串中从0字符开始到第一个字符结束，不包括第一个字符，0代表字符串中的第一个字符。
{alert("信箱格式错误！")
document.myform.yx.select();
return false}
}
function xz()
{location.href=document.myform.url.value
}
a=new Array("欢","迎","光","临");
for(i=0;i<a.length;i++)
{document.write(a[i])}
</script>
<form action="re.asp" method="post" name="myform" onSubmit="return check()">
<input type="text" name="user" /> 用户名<br />
<input type="password" name="pas" />密码<br />
<input type="password" name="pas1" />重复密码<br />
<input type="text" name="tel" />手机号<br/>
<input type="text" name="yx"/>邮箱<br/>
<input type="submit" name="sub" value="提交"/><br/>
<select name="url" onChange="xz()">
<option value="">百度</option>
<option value="">腾讯</option>
<option value="">51</option>
<option value="">人人</option>
<option value="">新浪</option>
</select>
</form>
</body>
</html>