1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <meta charset="UTF-8">
5 <title></title>
6 </head>
7 <body>
8 <!--
9 JavaScript用法:
10 html中的脚本必须位于<script></script>标签中
11 脚本可被放置在html页面的<body>和<head>中
12 使用限制:
13 在html中,不限制脚本数量
14 通常会把脚本放置于<head>标签中,以不干扰页面内容
15 -->
16 <input type="text" id="txt"/>
17 <input type="button" id="btn" onclick="errDemo2()" value="提交"/>
18 <!-- onclick:单击事件
19 onChange:文本内容改变事件
20 onUnload:关闭网页事件
21 onMouseOver:鼠标经过事件
22 OnMouseOut:鼠标移出事件
23 等等...
24 -->
25 <script>
26 document.write("Hello JavaScript");//代码按照编写顺序依次执行
27 document.write("Hello JS");
28 var i= 10;//用var声明变量,全局变量
29 //函数:当它被调用时执行的可重复使用的代码块
30 //带参数的函数
31 function demo(a,b){
32 var a = 10;//局部变量
33 b = 20;//全局变量
34 document.write(a+b);
35 }
36 demo();//调用函数
37
38 //带返回值的函数
39 function demo2(){
40 return "Hello";
41 }
42 var m = demo2();
43 document.write(m);
44
45 //异常处理
46 function errDemo(){
47 try{
48 document.write(str);//发生异常的代码块
49 }catch (err){
50 document.write(err);//错误信息处理
51 }
52 }
53 // errDemo();
54 function errDemo2(){
55 try{
56 var h = document.getElementById("txt").value;
57 if(h==""){
58 throw "未定义";//通过throw语句创建一个自定义错误
59 }
60 }catch (err){
61 alert(err);
62 }
63 }
64 </script>
65 </body>
66 </html>
一些基础的东西
转载于:https://www.cnblogs.com/Vito-L/p/4625443.html
转载请注明原文地址: https://mac.8miu.com/read-20414.html