jss标签类知识

emojidove 2019-10-11 04:08:09

(1)获取元素 :
getElementById()----静态方法,前面只能跟随document
document.body,document.title ----页面上只有一个的元素
getElementsByTagName()-----动态方法,前面可以是document也可以跟其他元素，返回的是一个类似数组的集合
(1)有类似数组的length
(2)有类似数组的应用方式例如:ali[0]
(3)再用TagName的时候必须要加上[]
(4)所谓的动态方法,是指通过js动态添加的元素，getElementsByTagName()也可以找到
但是document.getElementById是找不到的
(2)事件:
事件:鼠标事件，键盘事件,系统事件,表单事件,自定义事件等等
onclick
onmouseover
onmouseleave
onmousedown
onmouseout
onmouseup
onmousemove
......
添加事件
元素.onmouseover

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

function abc(){
/*要做的事情*/
}
直接调用就是abc()
事件调用: 元素.事件 = 函数名
匿名函数
元素.onmouseover = function(){}
window.alert(1); window.alert("ok");
变量
变量就是变化的量,由数字，字母，下划线，美元($)组成.但是开头不能用数字。定义一个变量必须用var也可以用window["xxx"]

var li = document.getElementById("list");
var num = 123;
var name = "leo";
JS属性操作(重点)
属性名
属性值
属性的读取操作:获取,找到
元素.属性名
属性的写操作:替换，修改
元素.属性名 = 新的值
添加的话需要用+=
innerHTML读取元素内所有的HTML代码
属性读写操作的注意事项
JS属性中不允许出现"-",例如font-size改为fontSize

class在JS里面是保留字,在JS作用class要用className

4个绝对不要判断
1.相对路径(src ,href)
2.颜色值
3.innerHTML值也不要(IE678可能有空格)
4.type类型也不要判断.因为IE678下面type更改不了

[]的使用

点"."后面的值无法修改
[]里面的值可以修改,JS允许把.替换成[] 例如style[attr]这样的
条件判断
if(){}
if(){}else{}
if(){}else if(){}else if(){}
数组
放数据的仓库
中括号[],间隔用逗号,最后一个数据不要加逗号
数组的length属性
自定义索引和属性
自定义属性 abtn[0].abc = 123; //自定义属性
自定义属性赋值 obj.timer = setInterval(function(){},1000); //自定义属性赋值

数据类型
6大类

空
对象
undefined
Boolean
String
number
(1)要是基础类型可以用typeOf()来判断
字符串方法charAt(),获取到字符串第几个charCodeAt()获取到UniCode编码。然后在计算。再利用fromCharCode()换算成字符
(2)要是引用类型可以用instanceOf Array;instanceOf Object 来判断
Number()方法能转化字符串数字，空，空数组，要是前面有0比如00100转化的结果就是100
parseInt()相当于把前面的数字部分转化为数字，后面的字符直接舍弃.他转化不了空，真要是转化空结果就是NaN
parseFloat()同上
isNaN()判断是不是NaN

作用域重点
域：空间，范围，区域
作用:读，写
(1)在JS找到变量前，他要做的就是先找到一些关键字 var function,参数然后在正是运行代码之前他把这些都提前付了一个值,undefined
遇到重名的只留一个
(2)逐行解读代码。每读一行就是到库里面去看看，要是有值就替换，改变表达式的值
函数的作用域要区分全局变量和局部变量
在方法内部写var的都是局部。在方法外面的都是全局变量。要是在方法里面不加var,那他改变的就是全局的值.

特别注意的就是在JS里面只有方法有作用域。for和if里面都没有作用域
真和假
真:非0的数字,字符串,true,函数,object,[],{}都是真的
假:就记住6个为假其余都真 0,NaN,空字符串,null,false,undefined
函数返回值return
这里特别注意下:
返回的值就是function(){alert(1)}

...全文