JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言
JavaScript的作用:
表单动态校验
网页特效
服务端开发
桌面程序
app
控制硬件-物联网
游戏开发
浏览器执行js:
浏览器分成两部分:渲染引擎和js引擎
渲染引擎:用来解析HTML于CSS。俗称内核,比如chrome浏览器的blink,老版本的webkit
js引擎:也称js解释器,用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的v8
浏览器本身并不会执行js代码,而是通过内置JavaScript引擎(解释器)来执行代码,js引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JavaScript语言归为脚本语言,会逐行解释执行。
js的组成:
1.ECMAScript
ECMAScript是由ECMA国际(原欧洲计算机制造伤协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMAScript语言的实现和扩展
ECMAScript:ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准
2.DOM——文档对象模型
文档对象模型(Document Object Model, 简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口
通过DOM提供的接口可以对页面上的各个元素进行操作(大小,位置,颜色等)
3.BOM——浏览器对象模型
BOM(Browser Object Model, 简称BOM)是指浏览器对象模型,它提供了独立于内容的,可以与浏览器窗口进行互动的对象结构,通过BOM可以操作浏览器窗口,比如浏览器跳转,获取分辨率等。
JS的三种书写位置:
行内式,内嵌式,外部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!--内嵌式-->
<script>
alert("你好")
</script>
<!--外部-->
<script src="#"></script>
</head>
<body>
<!--行内式的JS,直接写到元素内部-->
<input type="button" value="点我" onclick="alert('你好')"/>
</body>
</html>
注释:
// 单行注释 快捷键:crtl+/
/* /* 多行注释: shift+alt+a
JavaScript输入输出语句:
方法 | 说明 | 归属 |
alert(msg) | 浏览器弹出警示框 | 浏览器 |
console.log(msg) | 浏览器控制台打印输入信息 | 浏览器 |
prompt(info) | 浏览器弹出输入框,用户可以输入 | 浏览器 |