js中window对象及其方法

今天我们来简单说一说关于js中的window对象,简单的记录一下他的使用方法,在此之前先聊一聊URL的组成


scheme 通信协议常用的http,ftp,smtp等
host 主机(带端口号)服务器(计算机)域名系统(DNS)主机名或者IP地址
port 端口号;整数,可选,省略时使用方案的默认端口,如http的默认端口为80。
path 路径由零或者多个“/”符合隔开的字符串,一般用来表示主机上的一个目录或者文件地址
query

查询;可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数;

可有多个参数,用"&"符号隔开,每个参数的名和值用"="符号隔开。

fragment

信息片段;字符串,用于指定网络资源的片段。

例如一个网页中有多个名词解释,可以使用fragment直接定位到某一名词解释(也称为锚点)

完整URL http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#love
   

window.location 

对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。

window.location 对象在编写时可不使用 window 这个前缀。

location.pathname 返回当前页面的路径和文件名
location.hostname 返回 web 主机的域名
location.port 返回web主机的端口(80或者443)
location.protocol 返回所使用的web协议(http://或者 https://)
window.location.href=“http://www.xxx.net” 跳转后有后退功能
window.location.replace("http://www.xxxxxxxx.net") 

跳转后没有后退功能 ;

window.open("http://www.xxx.net") 在新的窗口打开链接,一般用于简单的弹出页面,现在基本上都被屏蔽掉
window.location.reload( ) 刷新当前页面.
parent.location.reload() 刷新父亲对象(用于框架)
opener.location.reload( ) 刷新父窗口对象(用于单开窗口)
top.location.reload() 刷新最顶端的对象(用于多开窗)





3.window.history
window.history 对象包含浏览器的历史。window.history对象在编写时可不使用 window 这个前缀。
window.history.back() 加载历史列表中的前一个URL。与在浏览器中点击后退按钮相同
window.history.forward() 加载历史列表中的下一个 URL。 与在浏览器中点击按钮向前相同

4.window.navigator
window.navigator.appCodeName 返回浏览器的代码名
window.navigator.taintEnabled()  是否可以加密数据的真伪值。仅IE有效。
window.navigator.appMinorVers ion 返回浏览器的次版本号。该属性是一个只读的字符串。仅IE有效。
window.navigator.cookieEnabled 返回 cookie 是否可用的真伪值。
window.navigator.platform

返回浏览器平台的字符串("Win32", "Win16", "WinCE", "Mac68k", "MacPPC", "HP-UX", "SunOS" 等)

window.navigator.userLanguage userLanguage  返回用户环境的语言种类。仅IE有效。
window.navigator.cpuClass  返回CPU的信息("x86", "68K", "Alpha", "PPC" 等)。仅IE有效。
window.navigator.systemLanguage 返回系统的语言种类。仅IE有效。
window.navigator.appName 返回代表浏览器名的字符串。
window.navigator.browserLanguage 返回浏览器的语言种类。仅IE有效。
window.navigator.userAgent 返回代表浏览器名和版本号的字符串。
window.navigator.javaEnabled() 返回 Java 是否可用的真伪值。
window.navigator.userProfile 保存着用户信息的对象。拥有 addReadRequest() doReadRequest() getAttribute() clearRequest() 等方法。
window.navigator.onLine 返回是否能连上网络的真伪值。
备注:

window.navigator 对象包含有关访问者浏览器的信息,来自 navigator 对象的信息具有误导性,不应该被用于检测浏览器版本,这是因为:

  • navigator 数据可被浏览器使用者更改
  • 一些浏览器对测试站点会识别错误
  • 浏览器无法报告晚于浏览器发布的新操作系统

5.Window的其他方法
window.setInterval()  间隔指定的毫秒数不停地执行指定的代码。
window.setTimeout()

暂停指定的毫秒数后执行指定的代码

window.clearInterval() 方法用于停止 setInterval() 方法执行的函数代码
window.clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。
window.alert() 警告框经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续进行操作
window.prompt() 确认框用于使用户可以验证或者接受某些信息。当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。
window.confirm()

提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后,用户需要输入某个值,

然后点击确认或取消按钮才能继续操纵。

如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。

window.open() 打开新窗口
window.close()  关闭当前窗口
window.moveTo() 移动当前窗口
window.resizeTo() 调整当前窗口的尺寸
window.frameElement 获取当前文档的宿主节点iframe元素
备注: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。

你可能感兴趣的:(学习日记,JavaScript)