<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>window</title>
<style type="text/css">
body{
height: 3000px;
}
.toTop{
width: 50px;
height: 50px;
background-color: gray;
color: white;
line-height: 50px;
text-align: center;
transform: rotate(-90deg);
position: fixed;
right: 100px;
bottom: 100px;
display: none;
}
.textDiv{
width: 100px;
font-size: 40px;
}
</style>
</head>
<body>
<div class="toTop">-></div>
<div class="textDiv">大肯德基奥数傀儡的航空路撒就打开了撒娇看来大家撒看来大家撒开了大家快来撒大家快来撒打卡上</div>
</body>
<script type="text/javascript">
var toTop=document.querySelector(".toTop");
window.onload = function () {
console.log("页面加载完毕");
// document.write("123");
}
//页面滑动的时候执行
window.onscroll = function () {
console.log("页面滑动了"+document.body.scrollTop);
if(document.body.scrollTop>=600){
toTop.style.display="block";
}else{
toTop.style.display="none";
}
}
toTop.onclick=function () {
document.body.scrollTop=0;
}
//窗口大小发生变化的时候执行的方法
window.onresize=function () {
console.log(document.body.clientWidth);
}
</script>
</html>
window
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 众所周知，javascript差不多由三部分组成，ECMAscript，BOM，DOM。而BOM代表的是游览器模型...
- 在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层...
- 博文出处：Window源码解析(二)：Window的添加机制，欢迎大家关注我的博客，谢谢！ 注：本文解析的源码基于...
- href相当于打开一个新页面，replace相当于替换当前页面；这里打开页面都是针对历史记录来说，在页面上看完全相...
