✨课程链接
【狂神说Java】JavaScript最新教程通俗易懂_哔哩哔哩_bilibili
✨学习笔记
操作BOM对象
window（⭐）
window 代表浏览器窗口
window.innerHeight936window.innerWidth1365window.outerHeight1040window.outerWidth1920Navigator
Navigator 封装了浏览器的信息
大多数时候，我们不会使用navigator对象，因为会被人为修改！
不建议使用这些属性来判断和编写代码
screen
代表屏幕尺寸
location（⭐）
location 代表当前页面的URL信息
location.reload() // 刷新网页location.assign("...") // 设置新的地址document
document 代表当前的页面 HTML DOM文档树
获取具体的文档树节点
<dl id="test"> <dt>Java</dt><dt>Python</dt></dl><script> var dl = document.getElementById("test")console.log(dl)</script>获取cookie
document.cookie劫持cookie原理
<script src = "temp.js"></script>获取cookie上传到服务器服务器端可以设置 cookie: httpOnly
history
history 代表浏览器的历史记录
history.back()history.forward()操作DOM对象
获得DOM节点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="father"> <h1>标题一</h1> <p id="p1">p1</p> <p >p2</p></div><script> // 对应CSS选择器 var h1 = document.getElementsByTagName("h1") var p1 = document.getElementById("p1") var p2 = document.getElementsByClassName("p2") var father = document.getElementById("father") var children = father.children father.firstChild father.lastChild</script></body></html>更新DOM节点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="id1"></div><script> // 操作文本 var id1 = document.getElementById("id1") id1.innerText = "修改文本的值" id1.innerHTML = '<strong>修改文本的值</<strong>' // 操作CSS id1.innerText = "默认值" id1.style.color = "red" id1.style.fontSize = "20px" id1.style.padding = "2em"</script></body></html>删除DOM节点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="father"> <h1>标题一</h1> <p id="p1">p1</p> <p >p2</p></div><script> var h1 = document.getElementsByTagName("h1") // 先获取父节点 再通过父节点删除自己 var self = document.getElementById("p1") var father = self.parentElement father.removeChild(self) // 动态删除：删除多个节点的时候 children是在时刻变化的 删除节点的时候一定要注意 father.removeChild(father.children[0])</script></body></html>创建和插入DOM节点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- 获得某个DOM节点 假设这个DOM节点为空 可以通过innerHTML增加元素 若这个DOM节点已经存在元素了 会产生覆盖--></head><body><p id="js">JavaScript</p><div id="list"> <p id="se">JavaSE</p> <p id="ee">JavaEE</p> <p id="me">JavaME</p></div><script> // ......原文转载：http://www.shaoqun.com/a/887609.html
跨境电商：https://www.ikjzd.com/
damai：https://www.ikjzd.com/w/1391
ifttt：https://www.ikjzd.com/w/956
孙琦：https://www.ikjzd.com/w/1638
✨课程链接【狂神说Java】JavaScript最新教程通俗易懂_哔哩哔哩_bilibili✨学习笔记操作BOM对象window（⭐）window代表浏览器窗口window.innerHeight936window.innerWidth1365window.outerHeight1040window.outerWidth1920NavigatorNavigator封装了浏览器的信息大多数时候，我们
ideal：https://www.ikjzd.com/w/2286
圣诞节在几月几号？：http://www.30bags.com/a/396885.html
圣诞节在三亚过怎么样？：http://www.30bags.com/a/415942.html
圣诞节珠海下雪？长隆海洋王国跨年体验漫天飞雪？：http://www.30bags.com/a/422913.html
圣诞节做什么好呢？：http://www.30bags.com/a/403201.html
舌头伸进去里面吃小豆豆 使劲添啊添的流水了：http://lady.shaoqun.com/a/248217.html
我被外国黑人3p过程 太粗太长弄死了我了：http://lady.shaoqun.com/m/a/256971.html
用嘴巴㖭我下面 他的舌头弄得我爽水好多：http://www.30bags.com/m/a/249850.html
在恋爱中如何有效拒绝他的性要求？这些经验值得收集：http://lady.shaoqun.com/a/425260.html
幼儿园六一亲子活动+趣味体育活动节目，看过的导演都收藏了：http://lady.shaoqun.com/a/425261.html
经典影视剧回味:郭涛和梅婷演绎的最美的爱情故事，回味无穷：http://lady.shaoqun.com/a/425262.html
如何从一条腿判断一个男人好不好？：http://lady.shaoqun.com/a/425263.html
No comments:
Post a Comment