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行内式-

5.2内嵌式

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.自定义函数

//关于方法传入参数

12.匿名函数

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

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

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

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

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: 属性


持续更新!

你可能感兴趣的:(JavaScript,javascript,前端,html)