赞助
摘要: <style> *{ margin: 0; padding:0; } ul,ol,li{ list-style: none; } .cont{ width: 800px; height: 600px; border: 5px solid #000; margin: 30px auto; displa 阅读全文
posted @ 2020-12-03 23:46 Tsunami黄嵩粟 阅读(553) 评论(0) 推荐(0)
摘要: <!-- div标签中有两个子级标签,需要给两个子级标签,添加不同的点击事件 --> <div> <span id="span1">我是第一个</span> <span id="span2">我是第二个</span> </div> <script> // 事件的委托 // 事件委托,大部分是对于动态 阅读全文
posted @ 2020-12-03 23:43 Tsunami黄嵩粟 阅读(85) 评论(0) 推荐(0)
摘要: <div id="box"> <div id="middle"> <div id="inner"></div> </div> </div> <script> // 事件的传播和阻止 // 事件的传播 // 当点击后代标签时,会触发,所有父级标签,相同类型的事件 // 执行顺序,都是从当前标签向父级元 阅读全文
posted @ 2020-12-03 23:39 Tsunami黄嵩粟 阅读(110) 评论(0) 推荐(0)
摘要: <style> body{ width: 5000px; height: 5000px; } </style> </head> <body> <script> // 获取浏览器的宽度和高度 只能获取不能设定 // 包含滚动条 var w1 = window.innerWidth; var h1 =  阅读全文
posted @ 2020-12-03 23:25 Tsunami黄嵩粟 阅读(68) 评论(0) 推荐(0)
摘要: // 浏览器历史记录 // 也就是浏览器跳转过的页面的记录 // window.history 属性中存储浏览器的历史记录 // 是当前这个窗口的浏览记录,新窗口打开的页面,不算浏览记录 // window.history.length 次数 // window.history.back() 上一个 阅读全文
posted @ 2020-12-03 00:30 Tsunami黄嵩粟 阅读(175) 评论(0) 推荐(0)