JavaScript脚本语言--要点小结

1、JS简介--浏览器端的语言

JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript脚本代码。

2.组成部分

（1）核心（ECMAScript）：描述了该语言的语法和基本对象。

（2）DOM：Document Object Model（文档对象模型）--修改更新HTML界面节点控件，用户从浏览器看到的是js动态修改(AJAX)后的页面。

（3）BOM：Brower Object Model --界面与浏览器交互 --浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。

3、JavaScript特点

（1）无需编译，直接由数据 JS引擎负责执行，弱类型语言，面向对象

4、作用

（1）JavaScript代码脚本嵌入动态文本与HTML页面，读写操作HTML界面元素，在数据被提交到服务器之前验证数据，控制cookies，包括创建和修改等，基于node.js技术进行服务器端编程。

5.JS常用代码添加方式

5.1行内式-<button οnclick="alert('行内js')">单击试试</button>

5.2内嵌式

<script>//脚本区域

alert('内嵌js');

</script>

6、JavaScript变量--js是弱类型语言，

即JavaScript脚本不重视类型的定义，js会根据为变量赋值的情况自定判断该变量是何种类型：

数值型：var i = 1;var d = 3.25;

字符串：var str = "学无止境";

布尔型：var a = true;

7.JavaScript变量数据类型

变量数据类型分类

数值型：number（凡是数字都是数值型，不区分整数和小数）

字符串：string（凡是引号包括起来的内容全部都是字符串）

布尔：boolean（true、false）

对象类型：object（声明对象未赋值取值null）

未定义型：undefined

8.取出JavaScript变量类型--typeof(value)--

特别注意--同一个变量可以进行不同类型(number类型，string类型，bool类型，object类型)的数据赋值

typeof(value); 或 typeof value; 返回这个变量的类型

说明 : 同一个变量, 可以进行不同类型的数据赋值.

9.算数运算符

- js中的小数和整数都是number类型，不存在整数除以整数还是整数的结论。

- 字符串和其他的数据使用+号运算，会连接成一个新的字符串。

- 字符串使用除了+以外的运算符：如果字符串本身是一个数字，那么会自动转成number进行运算，

否则就会返回一个NaN的结果，表示这不是一个数字。NaN：not a number

10.三目运算符

条件0?表达式1:表达式=2

如果条件0为true，返回表达式1的结果

如果条件0为false，返回表达式2的结果

11.自定义函数

<script type="text/javascript">

// 定义一个函数 : function

function demo1()

{

return 你好;

}

// 调用函数 :

alert(demo1());

</script>

//关于方法传入参数

<script type="text/javascript">

// 定义一个函数 : function

function demo2(a, b) //传入参数不需要类型定义

{

return a + b;

}

// 调用函数 :

alert(demo2(20, 20));//调用函数后显示40

</script>

12.匿名函数

function(形式参数){函数体}

定义函数并赋值给变量：var fn = function(形式参数){函数体}

调用方式：将匿名函数赋值给一个变量，通过变量名调用函数

调用函数：fn(实际参数);

<script type="text/javascript">

// 匿名函数 : 即没有名称的函数

var func = function(i, u) {

alert(i + " 喜欢 " + u);

}

// 调用函数 :

func("我", "你");//显示 我喜欢你

</script>

13.检测数组属性

var arr = [1,2,3,4];

console.log(arr.constructor);

constructor：返回创建数组对象的原型函数

14.BOM

（1）什么是BOM？（Browser Object Model）

专门操作浏览器窗口的API——没有标准，有兼容性问题--不同浏览器所带的功能不同，也就是创建AJAX连接时所需的参数不同

（2）浏览器对象模型

window: 代表整个窗口

history: 封装当前窗口打开后，成功访问过的历史url记录

navigator: 封装浏览器配置信息

document: 封装当前正在加载的网页内容

location: 封装了当前窗口正在打开的url地址

screen: 封装了屏幕的信息

event: 定义了网页中的事件机制

Attribute: 属性

---

持续更新！