zoukankan      html  css  js  c++  java
  • js学习笔记——脚本化浏览器窗口

    本节主要学习js对窗口的一些操作运用:

    主要通过学习Window对象的属性和方法,掌握这些属性方法如何控制浏览器以及他们的窗口和帧;

    1、计时器

    Window对象的方法:

    (1)setTimeout()——安排一个函数在指定的以毫秒为单位的时间之后运行;

    (2)setInterval()——安排函数在一个指定的毫秒为单位的时间间隔重复地执行;

    2、浏览器location和history

    (1)窗口的location属性引用的是Location对象,代表窗口当前显示文档的url;

    (2)Location的href属性是一个字符串,包含url的完整文本,而Location的toString()方法返回href属性的值;

    (3)可以对location属性赋值,这时浏览器把这个值解析为url,并载入和显示;

    (4)Window的location属性和Document的location属性的区别:

    前者引用的是一个Location对象,具有Location对象的所有特性;而后者只是一个Document的一个属性;

    3、获取窗口信息:

    (1)获取窗口大小和位置:

    //获取窗口大小
    var windowWidth = window.outerWidth;
    var windowHight = window.outerHeight;
    
    //获取窗口位置
    var windowX = window.screenX;
    var windowY = window.screenY
    
    //获取文本的位置
    var horizontalScroll = window.pageXOffset;
    var verticalScroll = window.pageYOffset;

    以上的这些属性都是只读的;

    4、打开窗口:Window.open(url,windowName,)

    该方法有四个参数可选,返回一个新打开的窗口的Window对象:

    第一个参数是要在新窗口中显示的文档的url;如果省略,则打开空窗口;

    第二个参数是新打开窗口的名字,如果指定的是一个已经存在的窗口的名字,则打开存在窗口,而非新窗口;

    第三个参数是一个列表,申明窗口的大小gui等,如果省略,则默认大小;

    第四个参数是个布尔值,只有在第二个参数命名的是一个存在的窗口时才有用,申明第一个参数指定的url是应该替换掉当前页(true),还是创建一个新的项(false),默认false;

    5、关闭窗口:Window.close()——该方法要显示使用,否则无法区别document.close()

    6、对话框:

    Window提供3个简单对话框:

    (1)alert()——向用户显示一条消息;

    (2)confirm()——要求用户点击一个OK或CANCEL按钮;

    (3)prompt()——请求用户输入一个字符串;

  • 相关阅读:
    ubuntu 16.04 网络配置之虚拟网卡的配置
    rabbitmq集群节点操作
    Ubuntu system zabbix-server-3.x install documentation
    PS RSS
    proxy_set_header设置Host为$proxy_host,$host与$local_host的区别
    centos 7 free 字段含义
    Linux atop 监控系统状态
    谨慎调整内核参数:vm.min_free_kbytes
    nginx反向代理http与https两种协议配置简述
    Python 获取以毫秒为单位的时间戳
  • 原文地址:https://www.cnblogs.com/zhangchunxi/p/2978264.html
Copyright © 2011-2022 走看看