java script require_Java Script

一、JS

1、js

js:基于对象，解释执行

java:面向对象，编译执行

2、html引入js方式

(1)内部js：body的最后一行

...

(2)外部js

3、js变量和数据类型

(1)变量的声明

1)var varName;

2)let varName;

(2)赋值式确定变量的类型

1)获取变量的实际类型　　var  str = typeof(var);

2)string类型

a. var int = parseInt(str)　　　　　　　　　　　　　　 //字符串转化为整数

b. var float = parseFloat(str)　　　　　　　　　　　　 //字符串转化为小数

c. var length = str.length;

d. var ix = str.indexOf(subStr[ , beginIndex]);　　　　//查找

f. var subStr = str.substring(subStr[ , beginIndex]);  //截取

g. var arr= str.split(sepStr)　　　　　　　　　　 　　 //拆分

3)number

var float = float.toFixed(n) 　　　　　　　　　　　　　//保留精度

4)boolean(true  false)

在JS中：0,"" ,null,undefined 都可以作为false使用

5)object引用类型

a.数组

var arr = new Array(var1,var2,var3...)

b.数组的常用属性以及方法

arr.push(item)　　　　　　　　　　　　　　　　　　//尾部追加元素

arr.splice(beginIndex,howManytoDelete,item...)

从beginIndex开始删除howManytoDelete个元素，并插入item...

var peak = arr.pop();　　　　　　　　　　　　　　 //获取并删除最后一个元素

var top = arr.shift();　　　　　　　　　　　　　　//获取并删除第一个元素

var str = arr.join(joinStr);　　　　　　　　　　　//将所有数组连城一个字符串

c.数组遍历的四种方式

<1>for(var i=0;i

console.log(names[i]);

}

<2>for(const i in names){

console.log(names[i]);

}

<3>names.forEach((e,i)=>{

console.log(i+","+e);

})

<3>names.forEach(e=>{

console.log(e);

})

d.日期

var date = new Date(long);　　　　　　　　　　　　//获取日期

var year = date.FullYear();

var month = date.getMonth();　　　　　　　　　　　//获取月份

...

var second = date.getSecond();　　　　　　　　　　//获取秒

二、JS获取html标签对象

1、根据选择器获取

(1)根据id选择器获取唯一对象

var e = document.getElementById(idStr);

(2)根据class选择器获取对象数组

var arr = document.getElementsByClassName(classStr);

(3)根据标签选择器获取对象数组

var arr = document.getElementsByTagName(tag name);

(4)根据表单元素的name属性 获取对象数组

var arr = document.getElementsByName(formName);

2、根据家族关系获取

(1)var child = ref.children;　　　　　　　　　　　　　 //获取子元素数组

(2)var prevEl = ref.preiousElementSibing;

var nextEl = ref.nextElementSibing;　　　　　　　  //获取兄弟元素

(3)var parentEl = ref.parentElement;　　　　　　　　　 //获取父级元素

三、JS操作html标签对象

1、操作值

(1)表单元素的值：var val = el.value;

(2)非表单元素的文本：var txt = el.innerText;　　el.innnerText = new _txt;

(3)非表单元素的内部结构：var structor = el.innerHTML;　　el.innerHTML = new _structor;

2、操作属性

var attrVal = el.attr;

el.attr = new _attr;

3、操作样式

(1)具体样式

el.style.xxxYyy = "value";

(2)类选择器

el.className = "cn";

el.classList.add();

el.classList.remove();

el.classList.toggle();

4、操作元素

添加子元素：el.appendChild(tagEl)

删除元素：el.remove();