首页 > 代码库 > JS超级无敌大串讲!!!!!

JS超级无敌大串讲!!!!!

今天来回顾一下JS的基础和使用方法!没有提纲全靠写了= =

首先来讲下运算符好了,和C#的运算符是基本相同的

数学运算符:+    -    *    /    %    ++    --

关系运算符:==    !=    >=    <=    >    <

逻辑运算符:&&    ||    !

其他运算符:+=    -=    *=    /=    %=    ?

整理一下发现不是基本相同。就他妈一个样!

再来说下数组好了

数组其实也没什么不同,只是JS里没有count属性,都用length 。

数组.length获取数组长度

函数的话,JS里使用function定义函数的,有两种函数

定义函数:function add(形参){函数体}

匿名函数:function(){函数体}

(匿名函数其实挺好用的)

接下来是三种对话框

1、alert(""):警告对话框,可以用来放在JS里进行纠错

2、confirm(""):确定对话框,弹出一个带确定和取消按钮的对话框——确定返回true,取消返回false

3、primpt("要显示的文字"):可以允许用户输入内容的对话框

 

 

 

接下来回顾window对象,在这里我不打算细分document之类的了,可以翻前面的html笔记

主要说一下几个重要的

window.open("打开的地址","打开的位置")

window.opener:打开此页面的上一个页面对象

window.close():关闭当前页面

想了想除了document重要的也没几个,直接说document吧

docunment.getElementById("id");根据id找,最多找一个;

docunment.getElementsByClassName("name") 根据classname找,找出来的是数组;注意中间是items不要忘了s

docunment.getElementsByName("name");根据name找,找出来的是数组;

docunment.getElementsByTagName("name");根据标签名找,找出来的是数组;

上面这4个可以总结为获取元素

再说如何操作内容

1、普通元素

取值:

alert(a.innerHTML)——会将元素内的所有内容,包括元素标记都取出来

alert(a.innerText)——只取里面的文字,忽略所有被编译元素

赋值:

a.innerHTML = "<font color=red >hello world </font>"——如果内容有元素,编译后实现

a.innerText——会将赋的东西原样呈现

2、表单元素

取值:

var t = document.f1.t1——form表单ID为f1里面的ID为t1的input;     

var t = document.getElementById("id")—— 直接用ID获取。

alert(t.value)——获取input中的value值;

赋值: t.value="http://www.mamicode.com/内容改变";

需要注意的是,表单元素中的取值统一用value

按套路来下面是操作属性了,再来说下,就3条命令

1、添加、修改属性

对象.setAttribute("属性名","属性值")——有则改之,无则加上

2、获取属性:

对象.getAttribute("属性名")——获取属性的值;

3、删除属性:

对象.removeAttribute("属性名")——移除一个属性。

写的好累。。。

操作属性讲完了,然后就是操作样式,操作样式这里只能操作标签内的style

1、添加、修改样式

对象.style.样式名称=值
2、获取样式

var  ....=对象.style.样式名称  

 

 

 

再讲一下事件的大致分类,3个成对的,一个单身狗,嗯。。

1、onclick:鼠标单击触发

     ondblclick:双击触发

2、onmouseover:鼠标移动上面触发

     onmouseout:鼠标离开时触发

3、onblur:失去焦点时触发

     onfocus:获得焦点是触发

4、onkeyup:按键抬起来的时候触发

JS超级无敌大串讲!!!!!