js笔记

string(字符串),number(数值)，boolean(true,false),null(空)，undefined(未定义) 基本数据类型(数据改变不影响其他引用数据)
object(对象)   对象内可以是任何值，包括对象    引用数据类型(一个数据改变引用他的对象属性也会变化)
\表示转义字符
\"表示"  让”无意义
\\表示\

试用.value只能用原生js获取dom元素才能获取到值，使用val()必须用jquery对象获取元素

未用var声明的变量都会成为全局变量(包括在函数中的变量)

阻止事件冒泡,默认事件，在函数尾部return false
$(“xx”).on(“click”,function(event){
   event.stopPropagation()
})

window.a   为a设置全局变量
window.location.hash=xxx  设置url地址后缀(保存页码等)

dom对象和html操作，dom对象是对象形式排列，html是单独html列
操作html选择框checked属性选择
dom对象.checked

$(“select”).append(new Option(内容))为select下拉框添加内容

typeof a   检查a的变量类型(数组，字符串……)
var  定义变量(字符串，浮点型，整型，数组等都可以)
alert（x）  窗体输出x
console.log("xxx")   向控制台输出内容
document.write(x);  网页上输出x(如果在网页加载完成后使用会覆盖原内容)
var a=prompt("请输入一个值");  输入函数并把值赋值给a
var a.innerHTML(“w”)  把a的值替换为w

 

定时器
setInterval(“event()”,毫秒数)   重复执行
setInterval(function,毫秒数)
setTime(function，毫秒数)  延迟执行
var a=setInterval(function(){
　　....
},时间)
clearInterval(a)   停止定时器

每隔多长时间重复执行一次函数

var i=0;
function show(){
　　if(i==5){
　　　　clearInterval(timer)  如果i=5停止刷新
　　}
　　document.write(i++ + "<br/>")
}
var timer=setInterval(show,1000)
console.time(“name(选填自定义名)”)  开启计时器
console.timeEnd(“name”)  停止计时器

if(audio.pause)   判断音频播放器是否暂停

function a(event){

    var x=event.clientX   返回事件发生时鼠标距游览器的水平坐标
    event.clientY    返回垂直坐标

}

alert(a.hasOwnProperty(“name”))   检查a对象中是否有name属性
alert(a.__proto__.hasOwnProperty(“name”))  检查a的原型中是否有name属性
a.prototype    a函数的原型


proto每个对象都有，prototype函数才会有
每个prototype中都有一个默认属性constructor，constructor指向原型函数


Math对象
math.sqrt(a)   开平方根
math.round(x)    四舍五入
math.ceil()   1.1=2  向上去整
math.floor()   1.9=1  向下取整
math.random()    输出0~1的随机数

parseInt(math.random()*10)  输出0~10的整数

math.max(x1,x2,x3)  返回最大值
math.min()    返回最小值
math.abs()    返回绝对值


字符串类
String(a)   可以将所有其他类型转换为字符串类
Number(a)  可将字符串数字转换为数字，其他类型也可转换
a.toString()   将其他类型转换为字符串类null和undefined类型不能使用
a.toString(2(进制))   a为数值时可转换进制
parseInt(n,2(进制))  将字符串转换为整数
parseFloat(n)  将字符串转换为浮点数
.padStart(2,“0”)  判断字符串长度是否大于2位，如果为false则在左侧补0
.padEnd(2,“0”)  判断字符串长度是否大于2，如果为false则在右侧补0

查找字符串方法(适用正则表达式)
x.charAt(n)  输出x字符串中第n个字符
x.substring(w(必填),y)   输出x中第w到第y-1个字符串
x.toUpperCase()   将x中的字母字符转换为大写字母
x.toLowerCase()   将x中的字母字符转换为小写字母
x.concat(y,w)   将y，w数组连接
x.match(“y”)   判断y是否在x字符串中，如果有返回y；如果没有返回null
x.search(“y”)    判断y字符串是否在x字符串中，如果有，返回y在字符串中的位置；如果没有返回-1
x.replace(“y”,“aaa”)   把x中第一个出现的y替换为aaa
x.replace(/y/g,“aaa”)   可使用正则表达式
x.charCodeAt(n)   返回x字符串中第n个字符的unicode编码
x.indexOf(“y”)  返回y首次出现的位置，如没有就返回-1
x.lastIndexOf(“y”)   返回x字符串中y最后一次出现的位置
x.slice(n)    截取x字符串的n到最后的字符串，不写参数则默认输出全部字符串，返回截取到的数组
x.slice(0,-2)    截取从第0+1个开始到倒数第2个
isNaN(x)   判断x是否为非数字类，是返回true，不是返回false
x.toFixed(n)   保留n位小数
x.length   返回x的字符长度



数组
定义数组的三种办法
var t=new Array()
t[0]='a'
t[1]='b'
var t=new Array('a','b')
var t=['a','b']
var t=[{left:“12px”,top:“10px”},
{left:“20px”,top:“25px”}……]
t.length   返回数组中数组的数目
t[0].left    返回第一个数组的left属性值

var b=a.concat(c)    
document.write(a)     把c合并至数组a后

document.write(a.sort())         升序排序数组a(字母和数字都可以)
document.write(a.sort(function(a,b){
return b-a                   降序排序
}))

a.push(“c”)    数组a末尾追加元素c

a.shift()　　移除a数组第一个元素
a.pop()       移除a数组最后一个元素

a.reverse()        数组元素翻转,第一个变为原来的最后一个元素，最后一个变为原来的第一个元素

a.join()   把数组内所有元素转换为一个字符串
a.join(“123”)   把数组内所有元素用123连接起来并转换为一个字符串

a.split()  将a字符串分割为数组
a.split(“”)  将a字符串每个字符都分割出来
a.split(“ ”)  将a字符串每个字符把空格替换为分隔符
a.split(“ ”,3)   将a字符串分割并提取前三个字符串

.splice(2,1,可选)  第一个参数为数组索引(从何处添加或删除)，第二个参数为删除的个数(可为0)，第三个参数是添加的字符

 

let abc=a.find(value=>{　　　　　　//遍历数组并根据条件返回符合条件的值，如果没有符合的则返回undefined

　　return value[0]>5

})



date函数

var date=new Date()   构造一个时间对象
date.getFullYear()   返回年
date.getMonth()+1   返回月
date.getDate()   返回日
date.getHours()   返回小时
date.getMinutes()   返回分钟
date.toLocaleString()  返回年/月/日  上午/小时:分钟:秒
var date=new Date(May 10,2020)  输出指定时间
date.setFullYear(2020)  修改时间

 

DOM选择器

var x=document.getElementById(“id”)
x.addEventListenter(“click”,函数)   点击id后执行函数
x.removeEventListenter(“click”,函数)  点击后移除函数

document.getElementByName(“name属性”)   获取name

document.getElementByTagName(“p”)  获取p标签元素

a=getElementById(“id属性”)
b=a.getAttribute(“id”)    获取id属性的内容

document.querySelector(“#xx/.xx/标签名”)获取第一个元素

 

window对象

window.open(“网页链接”,“网业名称”,“height=,width=,top=,left=”)


属性节点

var div=document.getElementsByTagName("div")[0];
div.setAttribute("name","lnj");  //把name属性值改为lnj
console.log(div.setAttribute("name"));  //获取div中name属性的值

键盘按下后执行

document.onkeydown=function(){
alert(event.keyCode)  输出按下的健
}
if(event.keyCode==xxx){
event.returnValue=false  当按下的健为xxx健位时不输出本应输出的内容
}