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

Posted 2020-08-11

今天来回顾一下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="内容改变"；

需要注意的是，表单元素中的取值统一用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：按键抬起来的时候触发