文档章节

JavaScript基础之BOM

独孤蝈蝈
 独孤蝈蝈
发布于 2016/10/22 18:44
字数 1486
阅读 6
收藏 0

Window对象

//Window对象
        //属性
        object  window.navigator;       //返回Navigator对象引用
        object  window.screen;          //返回Screen对象引用
        object  window.history;         //返回History对象引用
        object  window.location;        //返回Location对象引用
        object  window.document;        //返回Document对象引用
        object  window.localStorage;    //返回没过期的storage数据
        object  window.sessionStorage;  //返回一个session的storage数据

        string  window.name;            //设置或返回窗口的名称
        int     window.length;          //设置或返回窗口中的框架数量
        array   window.frames;          //返回窗口中所有框架
        object  window.opener;          //返回对创建此窗口的窗口的引用
        bool    window.closed;          //返回窗口是否已关闭

        object  window.self;            //返回自身窗口对象
        object  window.parent;          //返回父窗口对象
        object  window.top;             //返回顶层窗口对象

        int     window.innerHeight;     //返回窗口文档显示区的高度
        int     window.innerWidth;      //返回窗口文档显示区的宽度
        int     window.outerHeight;     //返回窗口的外部高度(浏览器高度)
        int     window.outerWidth;      //返回窗口的外部宽度(浏览器宽度)
        int     window.pageXOffset;     //返回当前页面滚过的宽度
        int     window.pageYOffset;     //返回当前页面滚过的高度
        int     window.screenLeft;      //返回浏览器左上角在屏幕的X坐标
        int     window.screenTop;       //返回浏览器左上角在屏幕的Y坐标
        int     window.screenX;         //同window.screenLeft
        int     window.screenY;         //同window.screenTop

        //方法
        void    window.alert([string message]);           //弹出一个警告框显示信息message
        bool    window.confirm([string message]);         //弹出一个确认框显示信息message 点击确定返回true 否则返回false
        string  window.prompt([string message, string text]); //弹出一个输入框显示信息message和defaultText 返回用户输入
        void    window.print();                           //打印当前窗口的内容
        void    window.blur();                            //把键盘焦点从顶层移开
        void    window.focus();                           //把键盘焦点给予一个窗口
        string  window.btoa(string str);                  //返回对字符串str进行base64编码后的字符串
        string  window.atob(string str);                  //返回base64解码后的字符串
        void    window.scrollTo(x,y);                     //移动横竖滚动条到指定的位置     滚动条可见属性必须为true
        void    window.scrollBy(x,y);                     //指定滚动条移动的像素           滚动条可见属性必须为true
        void    window.stop();                            //停止当前页面的加载             和浏览器停止加载按钮一样

                //每millisec毫秒运行一次函数func 返回这个定时器标识 param1,param2指定传递给函数func的参数
        int     window.setInterval(function func, int millisec, [mixed param1, mixed param2, ...]);
                //等待millisec毫秒后运行一次函数func
        int     window.setTimeout(function func, int millisec, [mixed param1, mixed param2, ...]);
        void    window.clearInterval(int id);              //清除标识id的setInterval定时器
        void    window.clearTimeout(int id);               //清除标识id的setTimeout定时器
                   
        object  window.open([string url, string name, string specs, bool replace]);  //打开一个新的浏览器窗口
        void    window.close();                                                      //关闭由open()打开的窗口
        void    window.moveTo(x,y);             //将open()打开的窗口左上角移动到一个指定的坐标
        void    window.moveBy(x,y);             //将open()打开的窗口相对窗口的当前坐标把它移动的像素
        void    window.resizeTo(width,height);  //将open()打开的窗口的大小调整到指定的大小
        void    window.resizeBy(width,height);  //将open()打开的窗口的右下角移动的像素

 

Navigator对象       Navigator 对象包含有关浏览器的信息

//Navigator对象       Navigator 对象包含有关浏览器的信息。
        //属性 
        string  navigator.appCodeName;          //返回浏览器代码名          只读字符串
        string  navigator.appName;              //返回浏览器的名称          只读字符串
        string  navigator.appVersion;           //返回浏览器的平台和版本    只读字符串
        string  navigator.language;             //返回浏览器使用的语言      只读字符串
        string  navigator.platform;             //返回运行浏览器的操作系统  只读字符串
        string  navigator.product;              //返回浏览器的引擎名称      只读字符串
        string  navigator.userAgent;            //返回用于http的userAgent值 只读字符串

        bool    navigator.cookieEnabled;        //检查浏览器是否启用cookie
        bool    navigator.onLine;               //检查浏览器是否在线
        object  navigator.geolocation;          //返回一个定位对象

        //方法 
        bool    navigator.javaEnabled();        //检查浏览器是否启用了Java

 

Screen对象          Screen 对象包含有关客户端显示屏幕的信息

//Screen对象          Screen 对象包含有关客户端显示屏幕的信息。
        //属性
        int     screen.availHeight;         //返回浏览器可用的屏幕高度
        int     screen.availWidth;          //返回浏览器可用的屏幕宽度
        int     screen.height;              //返回屏幕的总高度 
        int     screen.width;               //返回屏幕的总宽度
        int     screen.colorDepth;          //返回应用程序使用的色深
        int     screen.pixelDepth;          //返回屏幕的色深

 

History对象         History 对象包含用户(在浏览器窗口中)访问过的 URL

//History对象         History 对象包含用户(在浏览器窗口中)访问过的 URL。
        //属性
        int     history.length;             //返回浏览器历史列表中的元素数量 

        //方法 
        void    history.back();             //加载历史列表中的上一个URL(如果存在) 等价后退按钮和history.go(-1)
        void    histroy.forward();          //加载历史列表中的下一个URL(如果存在) 等价前进按钮和history.go(1)
        void    history.go(mixed val);      //加载指定的历史页面 val可为数字 或者url局部或完整字符串

 

Location对象        Location 对象包含有关当前 URL 的信息。

//Location对象        Location 对象包含有关当前 URL 的信息。
        //属性
        string location.href;               //设置或返回完整的url                      设置格式: location.href = URL
        string location.protocol;           //设置或返回当前url的协议部分              设置格式: location.protocol = protocol
        string location.hostname;           //设置或返回当前url的主机名部分            设置格式: location.hostname = hostname
        string location.port;               //设置或返回当前url的端口部分              设置格式: location.port = port
        string location.pathname;           //设置或返回当前url的路径部分              设置格式: location.pathname = path
        string location.search;             //设置或返回当前url的查询部分(?name=value) 设置格式: location.search = queryString
        string location.hash;               //设置或返回当前url的锚部分(#value)        设置格式: location.hash = value

        string location.host;               //设置或返回当前url的主机名和端口(端口为80、443将不显示) 设置格式: location.host = hostname:port
        string location.origin;             //返回当前url的协议、主机名、端口

        //方法
        void   location.assign(string url);           //载入新文档url
        void   location.replace(string url);          //使用新文档url替换当前url(将替换历史列表url)
        void   location.reload([bool get]);           //重新载入当前文档 如果get设置为true则会绕过缓存

 

© 著作权归作者所有

独孤蝈蝈
粉丝 4
博文 59
码字总数 39108
作品 0
朝阳
程序员
私信 提问
谈谈浏览器里的JavaScript

在许多的网页前端教学或是文章书籍当中,你可能常常听到这样的说法:「HTML、CSS 与JavaScript 是网页前端三大要素」,其中: HTML 负责资料与结构 CSS 负责样式与呈现 JavaScript 负责行为与...

米淇淋
05/21
0
0
由浅入深JavaScript——JavaScript的诞生背景

JavaScript的诞生背景 在上世纪90年代,欧美各国的web程序日益流行,但是当时用户上网还都在使用电话拨号上网,通过 调制解调器,网速仅仅只有28kb/s。而web程序的展现却日渐丰富。当时在没有...

奇葩界张三
2018/06/29
0
0
JavaScript基础(一)概述

JavaScript 概述 JS作用 验证表单(以前的网速慢) 页面特效(PC端的网页效果) 移动端(移动web和app) 异步和服务器交互(AJAX) 服务端开发(nodejs) 语言类型 js是一种脚本语言,不仅是...

fengdaoting
2018/05/03
0
0
SyntaxError: missing ; before statement的问题记录

今天在写一个JavaScript demo的时候,定义了一个变量,具体代码如下: window.onload = function(){ var panel = document.getElementById('panel'); var right = document.createElement('......

sunshinewyf
2015/08/11
9.8K
4
重学js之JavaScript简介

注意: 本文章为 《重学js之JavaScript高级程序设计》系列第一章。 关于《重学js之JavaScript高级程序设计》是重新回顾js基础的学习。 JavaScript是一种专门为网页交互而设计的脚本语言,主要...

故事胶片
05/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

CRM、DMP、CDP都是什么?有什么区别?

Markter对CRM系统(Customer Relationship Management System,客户关系管理系统),营销自动化等概念都已经比较熟悉,也许DMP(Data Management Platform,数据管理平台)也多多少少有些了解。...

怡海软件-CRM
4分钟前
0
0
中台是什么,到底要解决什么问题?

故事的开始 这个最早由阿里在2015年提出的“大中台,小前台”战略中延伸出来的概念,最近在国内大热。阿里、腾讯、百度、京东、美团、滴滴等一众互联网巨头,从去年到今年,接连开始组织架构...

喵二狸
16分钟前
1
0
Linux Centos 7 - MySQL 5.7离线安装

内部网络通过离线包的方式进行安装。 一、下载 下载地址:https://dev.mysql.com/downloads/mysql/ 进入页面后,点击右侧链接。 下载对应版本。 通过xftp6等工具上传到服务器上。 二、安装和...

华山猛男
16分钟前
1
0
EventBus 3 全解

EventBus 3 全解 [TOC] 使用 一个基于观察者模式的事件发布/订阅框架. 用于模块间通信和解耦, 使用方便,性能高. 基本使用 1. gradle导入依赖库 implementation 'org.greenrobot:eventbus:3....

马湖村第九后羿
18分钟前
1
0
HTTP 协议

什么是HTTP协议? HTTP是hypertext transport protocol的缩写,即超文本传输协议。 是用于万维网服务器与本地浏览器之间传输超文本的传送协议。可以使浏览器更加高效,使网络传输减少。能够保...

彩色泡泡糖
29分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部