博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js基础之BOM
阅读量:5084 次
发布时间:2019-06-13

本文共 1225 字,大约阅读时间需要 4 分钟。

一、window.open

栗子:阿里西西运行代码功能

var oBtn = document.getElementById('btn1');

var oTxt = document.getElementById('txt1');
oBtn.οnclick=function(){
  var oNewWin = window.open('about blank','_blank');
  oNewWin.document.write(oTxt.value);
}

二、scrollTop、offsetHeight

window.οnlοad=window.οnresize=window.οnscrοll=function(){

  var oDiv = document.getElementById('div1');
  var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
  var t = (document.documentElement.clientHeight-oDiv['offsetHeight'])/2;
   oDiv.style.top=scrollTop+t+'px';console.log(scrollTop+'-'+getComputedStyle(oDiv)['height']);
}

三、回到顶部

var oBtn = document.getElementById('btn1');

var bSys = true;
var timer = null;
//如何检测用户拖动滚动条
window.οnscrοll=function(){
  if(!bSys){
    clearInterval(timer);
  }
    bSys = false;
  }
  oBtn.οnclick=function(){
    timer = setInterval(function(){
      var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
      var iSpeed = Math.floor(-scrollTop/8);
      if(scrollTop==0){
        clearInterval(timer);
      }
      bSys = true;
      document.documentElement.scrollTop=document.body.scrollTop=scrollTop+iSpeed;
    },30);
}

转载于:https://www.cnblogs.com/kuangliu/p/3474811.html

你可能感兴趣的文章
ambari 大数据安装利器
查看>>
java 上传图片压缩图片
查看>>
magento 自定义订单前缀或订单起始编号
查看>>
ACM_拼接数字
查看>>
计算机基础作业1
查看>>
Ubuntu 深度炼丹环境配置
查看>>
C#中集合ArrayList与Hashtable的使用
查看>>
从一个标准 url 里取出文件的扩展名
查看>>
map基本用法
查看>>
poj-1163 动态规划
查看>>
Golang之interface(多态,类型断言)
查看>>
Redis快速入门
查看>>
BootStrap---2.表格和按钮
查看>>
Linear Algebra lecture 2 note
查看>>
CRC计算模型
查看>>
Ajax之404,200等查询
查看>>
Aizu - 1378 Secret of Chocolate Poles (DP)
查看>>
csv HTTP简单表服务器
查看>>
OO设计的接口分隔原则
查看>>
数据库连接字符串大全 (转载)
查看>>