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