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()——请求用户输入一个字符串;

  • 相关阅读:
    401. Binary Watch
    46. Permutations
    61. Rotate List
    142. Linked List Cycle II
    86. Partition List
    234. Palindrome Linked List
    19. Remove Nth Node From End of List
    141. Linked List Cycle
    524. Longest Word in Dictionary through Deleting
    android ListView详解
  • 原文地址:https://www.cnblogs.com/zhangchunxi/p/2978264.html
Copyright © 2011-2022 走看看