Tsunami黄嵩粟 - 博客园

2020年12月3日

摘要： <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)

2020年12月2日

表单其他事件地址栏相关信息

摘要： <form action="./01_复习.html" method="get">  账号: <input type="text" maxlength="16"> <span></span><br> 阅读全文

posted @ 2020-12-02 23:54 Tsunami黄嵩粟阅读(74) 评论(0) 推荐(0)

表单事件验证码判断

摘要： <form action="./01_复习.html" method="GET"> 账号: <input type="text"><span name="1"></span><br> 密码: <input type="password"><span name="2"></span><br> 阅读全文

posted @ 2020-12-02 23:39 Tsunami黄嵩粟阅读(153) 评论(0) 推荐(0)

触屏事件特殊事件事件的绑定

摘要： // 只有移动端设备(终端) 支持触摸事件 // 即时带有触屏的电脑,也不支持触摸事件 // 因为硬件不同,操作方式不同 // 标签对象.ontouchstart 触摸开始事件 // 标签对象.ontouchend 触摸结束事件 // 标签对象.ontouchmove 触摸移动事件 // 长按事件阅读全文

posted @ 2020-12-02 23:32 Tsunami黄嵩粟阅读(114) 评论(0) 推荐(0)

键盘多按键事件移动的小方块

摘要： // 键盘多按键事件 // 在定义事件处理函数时,如果定义一个形参,JavaScript程序会自动向这个形参存储数据 // 形参中存储的是事件对象的相关数据信息 // 触发事件的对象,键盘事件,就是触发事件的按键,相关信息 // 一般事件对象形参名称为 event 或者 e // 解决兼容问题: 阅读全文

posted @ 2020-12-02 23:25 Tsunami黄嵩粟阅读(136) 评论(0) 推荐(0)

键盘事件

摘要： <style> /* 标签获取鼠标焦点时,执行的css样式 */ /* 平时颜色 */ input{ color:pink; } /* 获取焦点颜色 */ input:focus{ color:red; } /* 鼠标经过颜色 */ input:hover{ color: blue; } /* 鼠标阅读全文

posted @ 2020-12-02 00:10 Tsunami黄嵩粟阅读(73) 评论(0) 推荐(0)

鼠标事件

摘要： <div>我是div <h1>我是h1</h1> </div> <script> // 鼠标事件 // 鼠标事件,可以绑定给标签对象,也可以绑定给真个文档 // 鼠标事件绑定给标签对象--div // 只有绑定的标签可以触发事件处理函数 var oDiv = document.querySelect 阅读全文

posted @ 2020-12-02 00:06 Tsunami黄嵩粟阅读(49) 评论(0) 推荐(0)

2020年11月30日

滚动条小实验 BOM时间操作

摘要： <div class="top">我是吸顶div</div> <p class="back">返回顶部</p> <script> // 滚动条的监听事件 // 当滚动条位置发生改变时,触发定义的函数程序 // 可用使用 display 设定属性值为 none 或者 block 来控制标签的显示或阅读全文

posted @ 2020-11-30 23:22 Tsunami黄嵩粟阅读(99) 评论(0) 推荐(0)

BOM弹窗滚动条

摘要： // window.alert('弹出内容') 警告框 // window.prompt('弹出内容') 输入框 // 以字符串形式存储输入的数据内容 // 实际项目中大部分使用的是input // window.confirm('弹出内容') 确认框 // 点击确定返回值是 true / 阅读全文

posted @ 2020-11-30 23:20 Tsunami黄嵩粟阅读(79) 评论(0) 推荐(0)