l浏览器执行JS
程序员文章站
2022-05-09 17:14:27
浏览器执行JS 1. 浏览器分成两部分:渲染引擎和JS引擎 渲染引擎:用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink,老版本的webkit JS引擎:俗称JS解析器。用来读取网页中的JS代码,对其处理后运行,比如chrome浏览器的V8 【注意】 浏览器本身并不会执行JS代码 ......
浏览器执行js
-
浏览器分成两部分:渲染引擎和js引擎
渲染引擎:用来解析html与css,俗称内核,比如chrome浏览器的blink,老版本的webkit
js引擎:俗称js解析器。用来读取网页中的js代码,对其处理后运行,比如chrome浏览器的v8
-
【注意】
浏览器本身并不会执行js代码,而是通过内置javascript引擎来执行js代码。js引擎执行代码时逐行解释每一句源码,然后由计算机去执行,所以javascript语言归为脚本语言,回逐行解释执行
-
js的组成
- ecmascript
- javascript语法
- 是由ecma国际进行标准化的一门编程语言,这种语言在万维网上应用广泛,他往往被称为javascript
- dom
- 页面文档对象模型
- 通过dom提供的接口可以对页面上的各种元素进行操作(大小位置颜色)
- bom
- 浏览器对象模型
- 通过bom可以操作浏览器窗口,比如弹出框,控制浏览器跳转,获取分辨率
- ecmascript
-
js书写位置
行内
-
<input type="button" value="hello" onclick="alert('world')" />
- 可以将单行或少量js代码写在html标签的时间属性中(以on开头的属性),如:onclick
- 注意单双引号的使用;在html中我们推荐使用双引号,js中我们推荐使用单引号
- 可读性差,在html中编写js大量代码时,不方便阅读
- 引号易错,引号多层嵌套,非常容易弄错
- 特殊情况下使用
内嵌
-
<script> alert('hello world'); </script>
- 可以将多行js代码写到<script> 标签中
- 内嵌js是学习是常用的方式
外部
-
<script src="js代码路径"> </script>
- 利与html页面代码结构化,把大段js代码独立到html页面之外,既美观,也方便文件级别的复用
- 引用外部js文件的script标签中间不可以写代码
- 适合于js代码量比较大的情况
-
注释
- 单行注释://
- 多行注释:/**/
-
javascript输入输出语句
方法 说明 归属 alert(msg) 浏览器弹出警示框 浏览器 console.log(msg) 浏览器控制台打印输出信息 浏览器 prompt(info) 浏览器弹出输入框,用户可以输入 浏览器
上一篇: jQuery自定义插件