• window对象 Window 尺寸 Location对象 Navigator对象 History对象 Screen对象


    1. window对象:
        window.alert('提示信息')
        window.confirm("确认信息")
        window.prompt("弹出输入框")
        window.open("url地址",'打开的方式(可以是-self或-black)','新窗口的大小')
        window.close() 关闭当前的网页。 注:存在兼容性问题
        window.moveTo() 移动当前窗口
        window.resizeTo() 调整当前窗口的尺寸
        window.setTimeout(函数,时间) 只执行一次
        window.setInterval(函数,时间) 无限执行
        window.clearTimeout/window.clearInterval(定时器名称) 清除定时器
        
        Window 尺寸
        有三种方法能够确定浏览器窗口的尺寸。
        对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
        window.innerHeight - 浏览器窗口的内部高度(包括滚动条),浏览器可视区域的高
        window.innerWidth - 浏览器窗口的内部宽度(包括滚动条),浏览器可视区域的宽
        对于 Internet Explorer 8、7、6、5:
        document.documentElement.clientHeight
        document.documentElement.clientWidth
        或者
        document.body.clientHeight
        document.body.clientWidth
        
    2. Location对象:
        window.location对象:用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。在编写时可不使用 window 这个前缀。
        
        URL: Uniform Resource Locator,统一资源定位器, 访问网络的地址(IP,域名)
        URI: Uniform Resource Identifier,统一资源标识符
        
        URI>URL   URL是URI的子集
        
        URI/URL格式:
        [协议名]://[用户名]:[密码]@[服务器地址]:[服务器端口号]/[路径]?[查询字符串]#[片段ID]
        
        协议名:http, https, ftp, file
        
        IP         域名
        127.0.0.1  localhost
        
        location.herf = 'url地址'
        location.hash 返回#号后面的字符串,不包含散列,则返回空字符串。
        location.host 返回服务器名称和端口号
        location.pathname 返回目录和文件名。 /project/test.html
        location.search 返回?号后面的所有值。
        location.port 返回URL中的指定的端口号,如URL中不包含端口号返回空字符串
        location.portocol 返回页面使用的协议。 http:或https:
        
        // 重要的API:
        location.reload();
        location.assign();
        location.replace();
        
    3. Navigator对象:
        window.navigator 对象包含有关访问者浏览器的信息。在编写时可不使用 window 这个前缀。
        
        navigator.platform:操作系统类型;
        navigator.userAgent:浏览器设定的User-Agent字符串。
        navigator.appCodeName:浏览器代号;
        navigator.appName:浏览器名称;
        navigator.appVersion:浏览器版本;
        navigator.language:浏览器设置的语言;
        navigator.systemLanguage:浏览器系统语言;
        navigator.cookieEnabled:浏览器是否启用了cookie;
        其中userAgent是最常用的属性,用来完成浏览器判断。
        
    4. History对象:
        window.history 对象包含浏览器的历史。为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。
        
        history.back() - 加载历史列表中的前一个 URL。返回上一页。
        history.forward() - 加载历史列表中的下一个 URL。返回下一页。
        history.go() - 负数时返回上一页,正数时返回下一页,     
        
    5. Screen对象:
        window.screen 对象包含有关用户屏幕的信息。
        
        screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏。
        screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如窗口任务栏。

  • 相关阅读:
    Python编程基础:实验3——字典及集合的使用
    怎样吃透一个java项目?
    强大的JTAG边界扫描(4):STM32边界扫描应用
    stm32知识记录
    WebRTC系列-SDP之编码信息收集
    多曲面卡片
    3.SpringBoot整合持久层技术
    【常见开源库的二次开发】基于openssl的加密与解密——Base58比特币钱包地址——算法分析(三)
    LS-dnay 压力显示异常
    腾讯云双11大促优惠活动,2核2G云服务器1年88元,领券再省9999元!
  • 原文地址:https://blog.csdn.net/weixin_55711841/article/details/126021630