抓取ajax动态网页java(1.初识JavaScript1.1历史1.2JavaScript导读 )

　　抓取ajax动态网页java(1.初识JavaScript1.1历史1.2JavaScript导读

)

　　JavaScript 的第一次介绍1.JavaScript 的介绍1.1 JavaScript 的历史1.2 JavaScript 是什么

　　JavaScript 是世界上最流行的语言之一。它是一种运行在客户端的脚本语言（Script 表示脚本）

　　脚本语言：无需编译，js解释器（js引擎）运行时会逐行解释执行

　　1.3 JavaScript 的作用

　　1.表单动态验证（密码强度检测）（JS生成的初衷）

　　2.网页特效

　　3.服务端开发（Node.js）

　　4.桌面程序（电子）

　　5.App(Cordova)

　　6.控制插件——物联网（Ruff）

　　7.游戏开发（cocos2d-js）

　　1.4 HTML/CSS/JS 关系

　　HTML/CSS 标记语言-描述语言

　　HTML决定网页的结构和内容（决定看什么），相当于人体

　　CSS决定了网页给用户的外观（决定好看与否），相当于给人们穿衣打扮

　　JS 脚本语言-编程语言

　　实现业务逻辑和页面控制（决策功能），相当于各种人工操作

　　1.4 浏览器执行JS介绍

　　浏览器分为渲染引擎和JS引擎两部分

　　渲染引擎：用于解析HTML和CSS，俗称内核，比如chrome浏览器的blink和老版本的wekit

　　JS引擎：又称JS解释器，用于读取网页中的JavaScript代码，处理后运行，如chrome浏览器的V8

　　浏览器本身并不执行JS代码，而是通过内置的JavaScript引擎（解释器）来执行JS代码。 JS引擎通过逐行解释每个源代码（转换成机器语言）来执行代码，然后有计算机去执行，所以JavaScript语言被归类为脚本语言，会被逐行解释执行.

　　1.5 JS的组成

　　JavaScript：

　　ECMAScript（JavaScript 语法），

　　DOM（页面文档对象模型），

　　BOM（浏览器对象模型）

　　1.ECMAScript

　　是 ECMA International（前身为欧洲计算机制造商协会）标准化的一种编程语言。这种语言在万维网上被广泛使用。它通常被称为 JavaScript 或 JScript，但实际上后两者是 ECMAScript 语言的实现和扩展

　　ECMAScript：JavaScript (Netscape)、Jscript (Microsoft)

　　ECMAScript：ECMAScript规定了JS的编程语法和基础核心知识，是所有浏览器厂商都遵守的一套JS语法行业标准

　　2.DOM——文档对象模型

　　文档对象模型（简称DOM）是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的界面，可以操作页面上的各种元素（大小、位置、颜色等）。

　　3.BOM——浏览器对象模型

　　BOM（Browser Object Model，简称BOM）指的是浏览器对象模型。它提供了一个独立于内容并且可以与浏览器窗*敏*感*词*互的对象结构。可以通过BOM操作的浏览器窗口，如弹窗、控制浏览器跳转、获取分辨率等

　　1.6 JS初体验

　　JS 有 3 个书写位置，分别是 inline、inline 和 external

　　1.内联JS

　　可以在HTML标签的event属性（以on开头的属性）中写一行或少量的JS代码，如：onclick;

　　注意单双引号的使用：HTML中推荐使用双引号，JS中推荐使用单引号；

　　可读性差。 Abin在html中写了很多js代码，不方便阅读；

　　引号容易出错，多级嵌套和匹配引号时很容易混淆；

　　特殊情况下使用；

　　2.嵌入式JS

　　可以写多行JS代码

　　嵌入式JS是一种常见的学习方式

　　3.外部JS文件

　　有利于HTML页面代码的结构化，将大段JS代码从HTML页面中分离出来，既美观又方便文件级复用

　　引用外部JS文件的script标签不能写代码

　　适用于JS代码量比较大的情况

　　2.JS 评论

　　// 单行注释：ctrl + /

/*

1.多行注释 HBuilder X 默认快捷键 shift + ctrl + /

2.多行注释 VScode中修改多行注释的快捷键：ctrl + shift + /

*/

　　3.JavaScript 输入输出语句

　　为了方便信息的输入输出，JS提供了一些输入输出语句：

　　**alert(msg)*浏览器弹出警告框；属于浏览器

　　**console.log(msg)*浏览器控制台打印输出信息；属于浏览器

　　**prompt(info)*浏览器弹出输入框，用户可以输入；属于浏览器

　　代码示例：

　　

// 这是一个输入框

prompt('请你输入你的年龄');

// alert弹出警示框,输出的，展示给用户的

alert('计算的结果是');

// console控制台输出，给程序测试用的

console.log('我是程序员能看到的');

　　

// 这是一个输入框

prompt('请你输入你的年龄');

// alert弹出警示框,输出的，展示给用户的

alert('计算的结果是');

// console控制台输出，给程序员测试用的

console.log('我是程序员能看到的');