首页 > 代码库 > javascript的笔记精简版

javascript的笔记精简版

在写javascript的代码时一定要用单引号或者双引号括起来,不带引号的话就以字符串来处理

在javascript里面不能以纯数字或者click命名函数或者变量

要想修改标签的属性,在html里面怎么写,javascript里面就怎么写,但有一个例外,就是class,要写成className

鼠标的响应事件:onmouseover、onmouseout

在javascript 中获得标签的属性值有两种方法 点(.)/方括号(万能的)

设置标签的背景图片:  background-image:url(‘jrwm.png‘);注意一定得是单引号,如果是双引号就不行了


style加的样式是加在行间的

标签的优先级:
   行间>id>class>标签


js里面的匿名函数,就是直接写function(),不用取名字,方便,当然也可以取名字


html在head中有时候标签没执行,就调用这个未知的标签就会报错,window.onload就可以解决这个问题,作用是等页面加载完成 之后调用。
window.onload=function(){这里写函数的内容};


返回的是一个数组,运用和c语言里面的数组一样
document.getElementsByTagName(‘这里面写标签的类型,比如div‘);

在js中input的checkbox要想选种就要这样写:xxx.checked=true/false;


在javascript中,this的作用就相当于oc中的self,谁调用它就是谁

通过html加入的自定义属性有些浏览器是不认的,只有在js中加入才有用的

innerHTML:
   可以设置标签的值或读取标签的值,还可以写html代码


ECMAScript : 翻译   核心 解释器
DOM  document Object Model 文档对象模型
BOM  Browser Object Model  浏览器对象模型
 
alert(a==b)  先转换类型,然后再比较
alert(a===b)  不转换类型,直接比,尽可能用三个等号,因为严谨


css中的position重点:
如果sub1不存在一个有着position属性的父对象,那么那就会以document(非body,当body有margin等属性时,sub1并不受影响,除非body的position不为static)为定位对象,这个比较容易理解。

获取当前的样式,比如宽度

在IE中可以这么写:xxx.currentStyle.width  

在火狐中可以这么写:xxx.getComputedStyle(odiv,false).width);  第二个参数填什么都行,这里面填的是false,个人爱好

 

数组的使用:

定义:var a=[1,2,3]; 或  var a=new Array(1,2,3);

数组添加新(单个)的元素:a.push(xxx)     相当于向数组的尾部添加一个xxx元素

数组的删除(单个)元素  : a.pop()       相当于删除数组尾部的一个元素

数组从头部开始删除一个元素: a.shift()  

数组的头部添加一个元素:   a.unshift(xxx)

a.splice的两种用法:

数组同时删除多个元素: a.splice(2,3)   表示从2开始,删除3个元素

插入/替换:  a.splice(2,3,"a","b")   表于从2开始,删除3个元素,再从2开始,添加a和b

两个数组的合并:

比如数组a与数组b, a.concat(b)    表示连接a、b数组

数组的连接符: join  比如:数组a , a.join(‘-’)数组里面的元素用-连接起来了

数组的排序: sort() 可以直接调用这个方法排序字符串,但是排序数字的时候有点小区别 比如:a.sort(function(n1,n2){return n1-n2;}  这样就可以准确排序数字了

arguments 这是一个数组,是函数中保存函数所有的参数,有length属性。

 

javascript的笔记精简版