JavaScript知识框架学习方法总结
2022-10-13 10:30:40 0 举报
AI智能生成
为你推荐
查看更多
JavaScript知识框架学习方法总结
作者其他创作
大纲/内容
标识符
松散变量本身没有类型,变量的类型由变量的值决定
变量
undefined
null
isNaN()
数值转换:parseInt()/parseFloat()
number
转换成字符串:String()和toString()
string
布尔类型转换三定律
boolean
5种数据类型
算术操作符
逻辑操作符
操作符
1.js基础语法
if/switch
分支
for/while/do...while
循环
break和continue
2.js流程控制语句
返回值
argument参数自由
参数
3.js函数
数组
String字符串
Math和Date
4.js内置对象
getElementById
getElementsByTagName
getElementsByClassName
getElementsByName(只可由document调用)
1.获取DOM元素的四种方法
ele.style.styleName=styleValue (styleName只能是驼峰式)
2.给DOM元素动态设置样式
ele.innerHTML
3.获得DOM元素的html内容
ele.className="cls" (后来的会覆盖掉原来的所有样式)
4.给DOM元素动态添加className
ele.getAttribute("attribute")
ele.removeAttribute("attribute")
5.给DOM元素添加/删除html属性
5.DOM基础
执行函数可以是自定义函数,也可以传匿名函数,推荐匿名函数 在执行函数中,this是对该DOM对象的引用
事件:HTML事件和DOM0级事件,推荐绑定DOM0级事件(ele.事件=执行函数)
onload
onmousedown
onmousemove
onmouseup
onclick
onmouseover
onmouseout
只能用于input标签type为text/password和textarea标签
onfocus
onblur
用于select多选框/checkbox复选框/radio
onchange
表单中的确认按钮被点击时发生--该事件不是加在按钮上,而是加在表单上
onsubmit
onresize
onscroll
鼠标事件
onkeydown
onkeypress
onkeyup
键盘事件
事件类型
6.Dom事件
window声明的变量是全局变量,window声明的方法是全局方法。 (window.username="him" 等价于 var username="him")
是ECMAScript规定的全局Global对象
window.alert("")
window.confirm("");
window.close()
clearTimeout(id)
clearInterval(id)
定时器
是JS访问浏览器的接口
window
location.href
location.hash
location.host
location.hostname
location.pathname
location.port
location.protocol
location.search
基本属性
在浏览器生成历史记录
location.href = "index1.html"
不在浏览器生成历史记录
location.replace(url)
location.reload(true) 从服务器加载
location.reload()
改变URL的三个方法
location
history.back()
location.forward()
history.go(-n)
history.go(n)
history
固定可用大小
screen.availWidth/Height
随窗口大小变化
window.innerWidth/Height
screen
Navigator.userAgent
navigator
document
event
7.BOM基础
JavaScript知识框架学习方法总结
0 条评论
回复 删除
下一页