JS基础所有知识点

JavaScript014

JS基础所有知识点,第1张

元素.onmouseover

函数可以理解为方法,工具比如

变量就是变化的量,由数字,字母,下划线,美元($)组成.但是开头不能用数字。定义一个变量必须用var也可以用window["xxx"]

自定义属性 abtn[0].abc = 123 //自定义属性

自定义属性赋值 obj.timer = setInterval(function(){},1000) //自定义属性赋值

6大类

(1)要是基础类型可以用typeOf()来判断

字符串方法charAt(),获取到字符串第几个charCodeAt()获取到UniCode编码。然后在计算。再利用fromCharCode()换算成字符

(2)要是引用类型可以用instanceOf ArrayinstanceOf Object 来判断

Number()方法能转化字符串数字,空,空数组,要是前面有0比如00100转化的结果就是100

parseInt()相当于把前面的数字部分转化为数字,后面的字符直接舍弃.他转化不了空,真要是转化空结果就是NaN

parseFloat()同上

isNaN()判断是不是NaN

在方法内部写var的都是局部。在方法外面的都是全局变量。要是在方法里面不加var,那他改变的就是全局的值.

这里特别注意下:

返回的值就是function(){alert(1)}

返回的值就是1

arguments表示所有的参数合集

获取到样式

兼容IE678 获取到样式合集.获取到元素的属性值

数字形式:new Date(2014,4,1,9,48,12) //特别注意月份从0开始,所以他实际找的是5月

getTime()返回的就是格林威治时间1970年 1月1日0点0分0秒0毫秒到现在的毫秒数

Math.round( Math.random()*80 + 20 )//返回20~100之间的随机整数

基础知识点所有效果点击这里

ECMAScript、DOM、BOM

JavaScript的三大组成部分是:

1、ECMAScript:JavaScript的核心,描述了语言的基本语法(var、for、if、array等)和数据类型(数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义),ECMAScript是一套标准,定义了一种语言(比如JS)是什么样子。

2、文档对象模型(DOM):DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。请考虑下面的 HTML 页面:

<html>

<head>

<title>Sample Page</title>

</head>

<body>

<p>hello world!</p>

</body>

</html>

这段代码可以用 DOM 绘制成一个节点层次图:DOM 通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点(getElementById、childNodes、appendChild、 innerHTML)。

3、浏览器对象模型(BOM)对浏览器窗口进行访问和操作。例如弹出新的浏览器窗口,移动、改变和关闭浏览器窗口,提供详细的网络浏览器信息(navigator object),详细的页面信息(location object),详细的用户屏幕分辨率的信息(screen object),对cookies的支持等等。

js可以对网页的内容进行修改,例如增加和删除:文字、图片、表格、视频、…… ……等一系列在html中的东西。

js可以进行计算,实现一些算法,例如找到搜索、数据计算、……

js也能做动画,例如图片的移动、放缩、旋转(涉及css),但是很麻烦,不过好在网上有一些js的库(就是别人写好函数了,你调用),例如jQuery(本质也是js)。

其他的功能属于不太直观的了,先不详述。写法就是直接将书写代码,插入到html等网页文件中,用户的浏览器打开网页后,就可以执行js代码了。在项目中,一般把相关的功能或者常用的功能的代码直接写在一个文本文件里,然后后缀为 .js ,由网页引用。好处是用户第一次加载完网页后,第二次不需要重新读取js。