基础实例——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()
{
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}

function stopCount()
{
c=0;
setTimeout("document.getElementById('txt').value=0",0);
clearTimeout(t);
}
</script>

HTML代码

<form>
<input type="button" value="开始计时!" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止计时!" onClick="stopCount()">
</form>

JS应用实例——菜鸟教程


lumiere
28 声望3 粉丝

越努力,


下一篇 »
vue路由