javascript的笔记精简版

Posted 2020-08-16 込戲冭氵罙

在写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属性。