百度文库-js学习文档
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()
{
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应⽤实例——菜鸟教程
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器