![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
BOM
文章平均质量分 61
Browser Object Model浏览器对象模型
大名张无忌
前端开发,技术栈涉及:Vue、React、小程序,交流可以私信/邮件:2285546178@qq.com
展开
-
# 本地存储
1、记住用户名<body><input type="text" id="uname"><input type="checkbox" id="remember">记住用户名</body><script> var uname = document.querySelector('#uname'); var remem ...原创 2020-03-29 15:54:27 · 79 阅读 · 0 评论 -
# 动画函数
1、模仿右边栏左滑右滑减速效果<style> .haha { position: fixed; top: 300px; right: 0; width: 50px; height: 25px; text-align: center; } .heihei { ...原创 2020-03-28 21:21:01 · 86 阅读 · 0 评论 -
# Scroll 系列
1、模仿淘宝右侧固定侧边栏<style> body { margin: 0; height: 1800px; } .header { width: 1100px; height: 300px; background-color: skyblue; } .banner...原创 2020-03-27 23:37:05 · 96 阅读 · 0 评论 -
# offset 系列属性
1、模仿登录界面拖动登录框<style> * { margin: 0 auto; padding: 0 auto; } div { position: absolute; width: 100%; height: 780px; text-align: center;...原创 2020-03-27 00:09:42 · 188 阅读 · 0 评论 -
# location属性 跳转页面显示输入文字
1、在现在文档中写表单,提交用户输入信息<form action="index.html"> 输入用户名:<input type="text" name="uname"> <input type="submit" value="登录"></form>2、在提交的index页面中获取并展示用户输入信息<style>...原创 2020-03-25 21:09:42 · 155 阅读 · 0 评论 -
# 定时器 setTimeout和setInterval
//模拟页面广告几秒后自动关闭<body><img src="images/phone.png" alt=""><script> var pic = document.querySelector('img'); var callback = setTimeout(function () { pic.style.display...原创 2020-03-22 16:47:16 · 113 阅读 · 0 评论