1.提示框
1)警告框
<script>
function disp_alert(){ alert("我是警告框!!")}</script>2)确认框
function disp_alert()
{ var r=confirm("Press a button!");//弹出确认框if (r==true) //选择提示 { alert("You pressed OK!"); }else { alert("You pressed Cancel!"); }}</script>
3)提示框
<script>
function disp_alert() { var name=prompt("请输入您的名字","Bill Gates")//弹出提示框,可输入信息,默认Bill Gates if (name!=null && name!="") { document.write("你好!" + name + " 今天过得怎么样?") } }</script>2.计时事件
1)延时显示 setTimeout
function timedMsg()
{ var t=setTimeout("alert('1 秒!')",1000) //参数为 JavaScript语句 和 毫秒}</script>2)计时器
<script>
var c=0; //指定文本txt初值为0var t; //为停止计数提供参数
function timedCount() //开始计数{ document.getElementById('txt').value=c //给文本赋值c=c+1 //+1setTimeout("timedCount()",1000) //调用自身函数,并设定延时1秒}function stopCount() //停止计数,并初始化
{ c=0; //初始化cdocument.getElementById('txt').value=""; //初始化txtclearTimeout(t); //停止计数 }</script><input type="button" value="开始计时!" onClick="timedCount()"> //开始计数,多次点击计数频率加快<input type="text" id="txt"> //计数显示框<input type="button" value="停止计时!" onClick="stopCount()"> //停止计数
3)显示当前时间
<body οnlοad="startTime()">
<script>function startTime(){ var today=new Date()var h=today.getHours()var m=today.getMinutes()var s=today.getSeconds()// add a zero in front of numbers<10m=checkTime(m)s=checkTime(s)document.getElementById('txt').innerHTML=h+":"+m+":"+st=setTimeout('startTime()',500)}function checkTime(i){ if (i<10) {i="0" + i} return i}</script><div id="txt"></div></body>3.cookie
<script>
function getCookie(c_name){ //cookie保存在系统中的时候是以“cookie名1=cookie值;cookie名2=cookie值”这样的方式来保存的。if (document.cookie.length>0) //检查所有cookie名的个数是否大于零{ c_start=document.cookie.indexOf(c_name + "=") //查找cookie名c_name的位置,加上等号直接查找"c_name="的位置,防止因有密码带c_name而出错 if (c_start!=-1) //搜不到位置document.cookie.indexOf()返回-1 { c_start=c_start + c_name.length+1 //用先前取得的位置加上cookie名的长度再加1,就是把位置确定在这个cookie名的"="符号的后面 c_end=document.cookie.indexOf(";",c_start)//从c_start的位置开始查找,直到";"的位置。 if (c_end==-1) { c_end=document.cookie.length //c_name存于cookie的最末尾,读取cookie的长度即可 } return unescape(document.cookie.substring(c_start,c_end)) //取该cookie名的等号后面到分号前面的字符串,即对应的cookie值,并返回 } else { return "" //无c_name,返回空 }}else{ return "" //无cookie,返回空}}function setCookie(c_name,value,expiredays){ var exdate=new Date() //设置时间对象exdate.setDate(exdate.getDate()+expiredays) //设置cookie过期时间var temp1=";expires="+exdate.toGMTString(); //var temp2=(expiredays==null) ? "" :temp1; //若有,设置过期时间document.cookie=c_name+"="+value+temp2; //c_name=value;expires=exdate//document.cookie=c_name+ "=" +value+((expiredays==null) ? "" : ";expires="+exdate.toGMTString())}function checkCookie(){ username=getCookie('username') //提取浏览器的cookie中的usernameif (username!=null && username!="") //不为空,表示欢迎 {alert('Welcome again '+username+'!')}else { username=prompt('Please enter your name:',"")//设置提示框,并给username赋值 if (username!=null && username!="") { setCookie('username',username,365) //调用setCookie,设置cookie的名字为username,值为提示框的输入内容,过期时间为356天 } }}</script><body onLoad="checkCookie()">
</body>输入kxy
进入刷新网站
<——第五节完——>