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

  • 相关阅读:
    Spring Boot → 08:嵌入式Servlet容器自定义
    Spring Boot → 09:使用外置Servlet容器_tomcat9.0
    Spring Boot → 07:错误处理机制
    Spring Boot → 06:项目实战-账单管理系统
    Spring Boot → 05:Web开发
    zzz Objective-C的消息传递机制
    Objective-C中的SEL、IMP和Class类型(转)
    zzzObjective-C的动态特性
    zzz KVC/KVO原理详解及编程指南
    zzzzz iOS绘图教程
  • 原文地址:https://www.cnblogs.com/zhangchunxi/p/2978264.html
Copyright © 2020-2023  润新知