JS实例学习笔记——w3cschool+菜鸟教程
基础实例——w3cschool
write()
document.write("this is a string");//⽣成普通⽂本
document.write("<br>"+Date());//html+函数
document.write("<input type='text'>");//html,⽣成标签
JS代码块
JS中没有块作⽤域,只有函数作⽤域。JS代码块只是把需要⼀起执⾏的语句进⾏分组。
prompt()
var name = prompt("please input your name:","Anne")//后⾯的参数为输⼊框的默认值
confirm()
var yourChoice = confirm("please confirm your choice!")
//yourChoice == true,选择了“确认”
//yourChoice == false,选择了“取消”
break
中断,switch,if等语句
continue
跳出本次循环,继续下次循环
for in
遍历数组内元素
for(index in Array)//index为数组内元素索引,从0开始
onerror事件
捕获⽹页中的错误。(chrome、opera、safari 浏览器不⽀持)
只要页⾯中出现脚本错误,就会产⽣ onerror 事件。如果需要利⽤ onerror 事件,就必须创建⼀个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)。这个事件处理器使⽤三个参数来调⽤:msg(错误消息)、url(发⽣错误的页⾯的 url)、line(发⽣错误的代码⾏)。
<html>
<head>
<script type="text/javascript">
onerror=handleErr
var txt=""
function handleErr(msg,url,l)
{
txt="There was an error on this page.\n\n"
txt+="Error: " + msg + "\n"
txt+="URL: " + url + "\n"
txt+="Line: " + l + "\n\n"
txt+="Click OK to continue.\n\n"
alert(txt)
return true
}
function message()
{
adddlert("Welcome guest!")
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>
⾼级实例
1、计时器
setTimeout(code,millisec)//在指定毫秒数之后调⽤函数或者计算表达式
//code为JS代码串
//只执⾏⼀次code
clearTimeout(id_of_settimeout)//可取消由 setTimeout() ⽅法设置的 timeout
//id_of_settimeout是由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执⾏代码块。JS代码
<script type="text/javascript">
var c=0;
var t;//如果是⽆限循环计数器,可以不⽤设置变量t
function timedCount()
{
c=c+1;
t=setTimeout("timedCount()",1000);
}
function stopCount()
{
c=0;
setTimeout("ElementById('txt').value=0",0);
clearTimeout(t);
}
</script>
HTML代码
网页设计html代码大全w3cschool<form>
<input type="button" value="开始计时!" onClick="timedCount()"> <input type="text" id="txt">
<input type="button" value="停⽌计时!" onClick="stopCount()"> </form>
JS应⽤实例——菜鸟教程

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。