JS实例学习笔记——w3cschool+菜鸟教程

最新推荐文章于 2021-12-21 17:34:46 发布

George_Fal

最新推荐文章于 2021-12-21 17:34:46 发布

阅读量231

点赞数

文章标签：前端 javascript ViewUI

原文链接：https://segmentfault.com/a/1190000018136976

版权

基础实例——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应用实例——菜鸟教程

George_Fal

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS实例学习笔记——w3cschool+菜鸟教程

基础实例——w3cschoolwrite()document.write("this is a string");//生成普通文本document.write("&lt;br&gt;"+Date());//html+函数document.write("&lt;input type='text'&gt;");//html，生成标签...
复制链接

扫一扫