zoukankan      html  css  js  c++  java
  • window事件

    window事件是较为重要的事件,接下来就讲解一下。

    1.获取页面滚动栏的距离

      什么是滚动栏,就是网页内容过多时,通过滚轮控制上下显示或者左右显示;

      为窗口添加滚动条事件:
      window.onscroll=function(){};
      注意在获取滚动条距离的时候
      谷歌不识别document.documentElement.scrollTop,必须要加上document.body.scrollTop;即
      var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;
      这样才能兼容各个浏览器。
      这个事件一般用作当页面滚动到某个距离时才出发某个事件的情况,
      比如京东的导航条:
    以及滑到底部的时候出发一个回到顶部的事件

    几种打开新超链接的方式:

    1.替换当前窗口,可后退

      html写法:<a href="http://www.baidu.com" target="_self">

      效果:  

      JS写法:<a href="javascript:open('http://www.baidu.com','_self')">替换当前窗口,可后退</a>

       效果:  

    2.替换当前窗口不可后退

      html无法做到;

      JS写法:<a href="javascript:location.replace('http://www.baidu.com')">替换当前窗口,不可后退</a>

      效果:

     3.在新窗口打开,可以打开多个

      html写法:<a href="http://www.baidu.com" target="_blank">在新窗口打开,可以打开多个</a>

      效果:

      

      JS写法:<a href="javascript:open('http://www.baidu.com','_blank')">在新窗口打开,可以打开多个</a>

      效果:

    4.在新窗口打开,只能打开一个

      html写法:<a href="http://www.bailiban.com" target="bailiban">新窗口打开,只能打开一个</a>

      效果:

      JS写法:<a href="javascript:open('http://www.bailiban.com','k')" >新窗口打开,只能打开一个</a>

      效果:

    注意:

      打开窗口语法:
               var newWindow = window.open(url,name,网页信息)
               name页面的名称,不能省略
              window.close() 注意有些浏览器不允许关闭自身
              设计好的一些name属性:
                   _self 自动获取当前窗口的name
                  _blank 不让浏览器的name为空 

       上述中只打开一个页面的操作就是name值带来的,类似于给前面的网址取了一个名字,通过name值来打开网页

        

  • 相关阅读:
    node.js----服务器http
    node.js---对文件操作
    node.js
    历史管理
    h5
    git与github
    js中面向对象(创建对象的几种方式)
    jq基础
    POJ 2492 A Bug's Life
    POJ 1742 Coins
  • 原文地址:https://www.cnblogs.com/hzqzwl/p/11439366.html
Copyright © 2011-2022 走看看