1、认识JavaScript
JavaScript ( JS ) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。JavaScript 是一种基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。
JavaScript的组成部分
ECMAScript,描述了该语言的语法和基本对象
文档对象模型(DOM),描述处理网页内容的方法和接口
浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口
2、JavaScript组成
1、ECMAScript
注释 //、/**/
变量 var let const
操作符
流程控制语句
数组
对象
函数
正则表达式
…
2、DOM:Document Object Model文档对象模型
js操作html的api
是针对XTML但经过扩展用于HTML的应用程序编程接口。DOM将整个页面映射成为一个多节点结构。
var dom=document.getElementsByTagName(“input”);
var dom=document.getElementById(“input_name”);
dom.οnclick=function(){}
js语言:基础语言、基础库、扩展库(jQuery DOM库)
3、BOM:Borwser Object Model浏览器对象模型
js操作浏览器的api
开发人员可以使用BOM控制浏览器显示的页面以外的部分。弹出新浏览器窗口;移动、缩放、关闭浏览器的功能;提供浏览器详情信息的navigator对象;提供浏览器所加载页面的详情信息的location对象;提供用户显示器分辨率详情信息的screen对象;对cookies的支持;支持XMLHttpRequest,IE中的ActiveXObject自定义对象。
alert()/prompt()/confirm()
setInterval(),setTimeout()
XMLHttpRequest(用于在后台与服务器交换数据)
Ajax
4、js的特点
1、解释型语言
js->nodejs(js解释器)
2、弱类型语言
变量的类型取决于值的数据类型
3、顺序解释执行 自上而下
4、既可以作为前端脚本语言,也可以作为后端语言,去决议应用平台(浏览器/操作系统)和使用的框架(dom、jquery/http、mysql、flie)
5、在网页上使用JavaScript
内部JavaScript
编写好
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript" src="hello.js"></script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript" src="hello.js"></script>
</head>
<body>
</body>
</html>
外部JavaScript
单独新建一个后缀名为.js的js文件,编写好HTML文件,在标签体内添加元素,使用script标签的src属性将js文件导入进来。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript" src="hello.js"></script>
</head>
<body>
</body>
在body和head中使用JavaScript的区别
在body部分中的JavaScript会在页面加载的时候被执行,在head部分中的JavaScript会在被调用 的时候才执行
因为浏览器解析html是自上而下的,如果把JavaScript放在head里的话,则先被解析,但这时候body还没解析,所以会返回空值,一般都会绑定一个监听,当全部的html文档解析完之后在执行代码
windows.onload = function(){
// 这里放执行的代码
}
这就说明了,如果我们想定义一个全局对象,而且这个对象是页面中的某个按钮时,我们必须将其放在body中,道理很明显:如果放入head,当你定义的时候,那个按钮都没有被加载,可能获得的是一个undefined。一般习惯将JaveScirpt放在body的后面。
3、关键字和保留字
关键字:(在js中有特殊功能)
break do try typeof
case else new var
catch finally return void
continue for switch while
debugger this function with
default if throw instanceof
delete in
保留字:(将来可能成为关键字)
abstract enum int short
boolean export interface static
byte extends long super
char final native synchronized
class float package throws
const goto private transient
debugger double implements protected
volatile import public