JavaScript是脚本语言,可用于web和HTML,更可广泛用于服务器、PC端、移动端
轻量级编程语言,可插入HTML页面的编程代码,插入HTML页面后可由所有的浏览器执行
用法:
1.必须位于<script></script>标签之间
2.可被放在HTML页面的<body>和<head>部分中(通常放在<head>中,不干扰页面内容)
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>JavaScript基本用法</title>
<script>
document.write("hello javascript");
</script>
</head>
<body>
</body>
</html>
3.创建外部js文件,使用<script></script>标签引用
<head><script src="myjs.js"></script></head>
文档的输出主要使用document.write("xxxxx")或者输出带有标签效果的文本document.writer("<h1>标题1</h1>")
JavaScript的语法
语句之间分隔号是(;)
执行顺序按书写顺序执行
标识符必须是字母、下划线、或美元符号开始,关键字不能做标识符
对大小写敏感,严格区分大小写
多余的空格会忽略
保留字(关键字)
JavaScript的变量和数据类型
变量: 使用var来声明 比如:var i=10;
局部变量和全局变量
方法外定义的变量为全局变量,任何地方都可以使用,函数内通过var声明的变量为局部变量,只能在当前函数中使用,函数内没有用var声明,而是直接赋值的变量为全局变量,可以在任何地方使用。
数据类型:
字符串(String) 数字(Number) 布尔(Boolean) 数组(Array) 对象(Object) 空(null) 未定义
还可以通过赋值为null的方式清除变量
JavaScript的函数部分
函数的定义:
function 方法名(){
函数体;
}
<script>
function demo(){
var a = 10;
var b = 10;
var sum = a+b;
alert(sum);
}
demo();//调用函数
</script>
函数的调用:
1.<script>标签内调用(如上示例)
2.在HTML文件中调用 <button οnclick="demo()">按钮</button>
带参数的函数和带返回值的函数,这里用一个例子来说明
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>JavaScript基本用法</title>
</head>
<body>
<p id="pid"></p>
<script>
function demo(a,b){ //a,b为参数
if(a>b){
return "a比较大"; //用return来返回
}else{
return "b比较大";
}
}
document.getElementById("pid").innerHTML=demo(12,10); //通过id改变HTML中的内容,传入参数
</script>
</body>
</html>
JavaScript的异常捕获
当JavaScript引擎执行JavaScript代码时,发生错误,导致程序停止运行产生异常,当异常产生时,将异常抛出,并将这个异常生成一个错误信息。
异常捕获,使用try...catch进行异常捕获:
try{
发生异常的代码块;
}catch(err){
错误信息处理;
}
Throw语句 通过Throw语句创建一个自定义的错误
JavaScript事件
事件是可以被JavaScript监测到的行为。常见的事件: