javascript篇：Browser对象

  • Window
    Window对象表示浏览器打开的窗口。如果文档包含框架（frame或ifame标签），浏览器会为HTML文档创建一个Window对象——window，并为每个框架额外创建一个window对象。在客户端js中，window对象是全局的，所有表达式都在当前环境中计算，可以把窗口的属性作为全局变量来使用。

    • Window对象属性

      • closed：只读
        返回窗口是否已经被关闭。当浏览器窗口关闭时，表示该窗口的对象并不会消失，它的closed将会设为true。通常可用于子窗口查询。

         1 <html>
 2     <script src="./assist.js" type="text/javascript"></script>
 3     <script type="text/javascript">
 4         myWindow=window.open(‘‘,‘‘,‘width=200,height=100‘)
 5         //
 6          7  8  9 10         function checkWindowClosed()
11         {
12             if(myWindow.closed)
13             {
14                 writeLine("closed");
15             }
16             else
17             {
18                 writeLine("not closed");
19             }
20         }
21     </script>
22     <body>
23         <iframe name="iframe1"></iframe>
24         <input type="button" id="my" value="Has ‘myWindow‘ been closed?" onclick="checkWindowClosed()">
25     </body>
26 </html>
      • document：只读
        document属性是一个Document对象，使我们可以从脚本对HTML页面中的所有元素进行访问。
      • frames
        返回窗口中所有命名的框架，该集合是Window对象的数组。
      • history：只读
        history属性是一个History对象，包含用户访问过的URL。
      • innerheight、innerwidth：只读
        生命窗口的文档显示区的高度和宽度，以像素计数。不包括菜单栏，工具条及滚动条等。IE浏览器不支持这些属性，改用document.documentElement或document.body的clientWidth和clientHeight。
      • length
        设置或者返回窗口的框架数量。
      • location
        location属性是一个Location对象，包含当前URL的信息。
      • name
        设置或者返回窗口的名称，该名称是在open()方法创建窗口是指定的或者<frame>的name属性指定。
      • navigator
        navigator属性是一个Navigator对象，包含有关浏览器的信息，可以使用它来进行平台专用的配置。
      • opener
        返回对创建该窗口的Window对象的引用，该属性非常有用，被创建的窗口可以引用创建它的窗口所定义的属性和函数。myWindow.opener.document.write("hello");
      • pageXOffset、pageYOffset
        当前页面相对于窗口显示区左上角的X、Y位置。
      • parent
        返回父窗口，如<iframe>标签所引入的子窗口。
      • screen
        screen属性是一个Screen对象，包含客户端显示屏幕的信息。
      • self、window
        对当前窗口的引用
      • status、defaultStatus
        获取或设置窗口状态栏的文本、默认文本
      • top
        返回最顶层父辈窗口的引用。
      • screenLeft/screenX、screeTop/screenY：只读
        窗口左上角在屏幕上的坐标。
      • self
    • Window对象的方法
      • alert(message)　　
        显示带有一条指定消息和一个OK按钮的警告框，message会显示为纯文本。
      • blur()
        把键盘焦点从顶层窗口移开。
      • clearInterval(id)
        取消由setInterval()设置的timeout，参数为setInterval()返回的ID值。
      • clearTimeout(id)
        取消由setTimeout()方法设置的timeout,参数为setTimeout()返回的ID值。
      • close()
        关闭window指定的顶层浏览器窗口。某个窗口可以通过self.close()或者只调用close()来关闭自身。只有通过js代码打开灯额窗口才能由js代码关闭，这样就能阻止恶意的注入脚本终止用户的浏览器。
      • confirm(message)
        显示一个带有指定消息和ok以及取消按钮的对话框。message会显示为纯文本。返回值为true/false。用户点击确认或者取消按钮以把对话框关闭之前，它将阻止用户对浏览器输入。并且会暂停js代码的执行，在用户做出响应前，不会执行吓一跳语句。
      • createPopup()
        创建一个pop-up窗口。
      • focus()
        把键盘焦点给予Window对象
      • moveBy(x,y)
        相对窗口当前的坐标，移动指定的像素。x->右移，y->下移
      • moveTo(x,y)
        把窗口的左上角移动到一个指定的坐标。出于安全考虑，浏览器限制此方法，使它不能把窗口移出屏幕。
      • open([url,][name,][features,][replace])
        打开一个新的浏览器窗口，或者查找一个已经命名的窗口。
        url：可选字符串，声明新窗口中显示的文档的url。
        name：可选字符串。新窗口的名称。可以用作标记<a>和<form>的属性target的值。若指定了一个已经存在的窗口，那么open方法就不创建一个新窗口，而只是返回指定窗口的引用，features将被忽略。
        features：可选字符串，声明窗口的特征。
        replace：可选布尔值，规定装载到新窗口的url是创建一条新的浏览历史，还是替换当前条目。
      • print()
        打印当前窗口的内容，效果等同于单击浏览器的打印按钮。
      • prompt([text][,defaultText])
        text：要在提示框显示的纯文本。
        default：输入框默认输入的文本
        显示可提示用户进行输入的对话框。若用户单击提示框的取消按钮，则返回null。否则返回输入框内容。
      • resizeBy(width[,height])
        根据指定的像素来调整窗口的大小。width和height可以使正、负值。
      • resizeTo(width[,height])
        把窗口大小调整至指定的像素。
      • scrollBy(x,y)
        把内容滚动指定的像素数。x->向右，y->向下。chrome测试无效。
      • scrollTo(xPos,yPos)
        把内容滚动至指定的坐标。xPos->左上角x坐标，yPos->左上角y坐标
      • setInterval(code,millisec[,"lang"])
        按照指定的周期（毫秒）来不停地调用函数或计算表达式。通过将返回值传递个clearInterval来取消。
        code：调用的函数或要执行的代码串。
        millisec：周期执行或者调用code之间的时间间隔，毫秒计算。
      • setTimeout(code,millisec)
        在指定的毫秒数后，调用函数或计算表达式。只执行一次。可以使用clearTimeout(id)来清除。
        code：要调用的函数或要执行的js代码串
        millisec：执行代码前需要等待的毫秒数。
      • blur()和focus()测试没效果。
  • Navigator
    • Navigator简介
      Navigator对象包含有关浏览器的信息，所有的浏览器都支持该对象。该对象的属性描述了正在使用的浏览器，可以使用这些属性进行平台专用的配置。该对象在browser里面是唯一的，可以用Window对象的navigator属性来引用它。
    • Navigator对象属性
      • plugins
        返回文档中所有插件对象的引用的一个数组。
      • appCodeName
        返回浏览器的代码名
      • appMinorVersion
        返回浏览器的次级版本。chrome下为undefined，IE11为0
      • appName
        返回浏览器的名称，只读。chrome和IE11都为Netscape
      • appVersion
        返回浏览器的平台和版本号，只读。
      • browserLanguage
        返回浏览器的语言。chrome：undefined。ie11:zh-CN
      • cookieEnabled
        返回是否启用cookie。适用于chrome和ie11
      • cpuClass
        返回浏览器系统的cpu等级。chrome：undefined。ie11：x86
      • onLine
        返回是否处于脱机模式。适用于chrome和ie11
      • platform
        返回运行浏览器的操作系统平台。适用于chrome和ie11
      • systemLanguage
        返回OS使用的默认语言。chrome：undefined。ie11：适用
      • userAgent
        返回由客户机发送服务器的user-Agent头部的值。适用于chrome和ie11
      • userLanguage
        返回OS的自然语言设置。chrome：undefined。ie11：适用。
    • Navigator对象方法
    • 其他
      chrome关于浏览器以及系统的语言方面都是undefined，ie则给出了对应的信息。
  • Screen
    • Screen对象简介
      Screen对象包含有关客户端显示屏幕的信息。每个Window对象的screen属性都引用一个Screen对象，存放着有关浏览器屏幕的信息，js程序可以根据这些信息来进行一些优化操作。
    • Screen对象属性
      • availHeight
        返回显示屏的高度（除任务栏之外）。
      • acailWidth
        返回显示屏的宽带（除任务栏之外）。
      • bufferDepth
        设置或返回调色板的比特深度。chrome：undefined。ie11:0
      • colorDepth
        返回目标设备或者缓冲器上的调色板的比特深度。
      • deviceXDPI
        返回显示屏幕的每英寸水平点数。chrome：undefined。ie11：一个整数
      • deviceYDPI
        返回显示屏幕的每英寸垂直点数。chrome：undefined。ie11：一个整数
      • fontSmoothhingEnabled
        返回用户是否在显示控制面板中启用了字体平滑。chrome：undefined。ie11：true
      • height
        返回显示屏的高度。
      • logicalXDPI
        返回显示屏每英寸的水平方向的常规点数。chrome：undefined。ie11：一个整数
      • logicalYDPI
        返回显示屏每英寸的垂直方向的常规点数。chrome：undefined。ie11：一个整数
      • pixelDepth
        返回显示屏的颜色分辨率。
      • updateInterval
        设置或返回屏幕的刷新率。chrome和ie11都为undefined。
      • width
        返回显示器屏幕的宽度。
    • Screen对象方法
      无方法。
    • 其他
  • History
    • History对象简介
      History对象包含用户（在浏览器窗口中）访问过的URL。Window对象的history属性就是对一个History对象的引用。出于隐私方面的原因，History对象不再允许脚本访问已经访问过的实际URL，唯一保持使用的功能只有back()、forward()和go()方法。
    • History对象属性
      • Length
        返回浏览器历史列表的URL数量
    • History对象方法
      • back()
        加载历史列表中的前一个URL（如果存在）。效果等价于点击后退按钮或者调用history.go(-1)
      • forward()
        加载历史列表中的下一个URL（如果存在）。效果等价于点击前进按钮或者调用history.go(1)
      • go(num|url)
        加载历史列表中的某个具体页面。在chrome，使用url无效！
    • 其他
  • Location
    • Location对象简介
      Location对象包含有关当前URL的信息。Window对象的location属性就是对Location对象的引用。它的href属性存放的是文档完整的url，其他属性则分别秒射了URL的各个部分。当一个Location对象被转换成字符串，返回的是href属性值。如果把一个含有URL的字符串富裕Location对象或者它的href属性，浏览器就会把新的URL所指的文档加载并显示出来。详细功能参见其属性和方法。
    • Location对象属性
      • hash
        设置或返回从#开始的URL。
      • host
        设置或返回主机名和当前URL的端口号
      • hostname
        设置或返回当前URL的主机名
      • href
        设置或返回完整的URL。
      • pathname
        设置或返回当前URL的路径部分
      • port
        设置或者返回当前URL的端口号
      • protocol
        设置或者返回当前URL的协议
      • search
        设置或者返回从？开始的URL（查询部分）
    • Location对象方法
      • assign(url)
        加载一个新的文档。
      • reload(flag)
        如果该方法没有规定参数，或者参数是false，它会用http头从if-modified-since来检测服务器上的文档是否已经改变。如果已经改变，则会再次下载该文档，否则从缓冲中装载文档，，效果与单机浏览器刷新按钮完全一样。若flag为true，总会绕过缓存，从服务器上重新下载该文档，与按住shift和刷新按钮效果完全一样。
      • replace(url)
        该方法不会在history中生成一个新的记录，当使用该方法的时候，新的url将覆盖history中的当前记录。
    • 其他
      • url="www.hao123.com"和url="http://www.hao123.com"是不一样的，前者是file protocol，后者是http protocol，后者才能访问该网站。location.href=url、location.assign(url)等的测试可以得知。

javascript篇：Browser对象

时间： 2024-07-31 14:44:43

javascript篇：Browser对象的相关文章

javascript篇：javascript对象——Math

Math对象用于执行数学任务,无需创建它的实例: var mathPI = Math.PI; var myVal = Math.sqrt(4); Math对象的属性 E:返回算术常量e,约等于2.718 LN2:返回2的自然对数,约等于0.693 LN10:返回10的自然对数,约等于2.302 LOG2E:返回以2为底的e的对数,约等于1.414 LOG10E:返回以10为底的e的对数,约等于0.434 PI:返回圆周率,约等于3.14159 SQRT1_2:返回2的平方根的倒数,约等于0.70

javascript篇：javascript对象——Date

Date对象是javascript的内置对象,用于处理日期和时间,使用前必须定义: var myDate = new Date();//Date对象会自动初始化该对象,使其值为当前日期和时间. var myDate = new Date("June 15, 1990 00:00:00"); var myDate = new Date(milsec);//参数为距离1970/1/1午夜的毫秒数 以上方式定义myDate 是本地时间,而不是UTC时间. Date对象的属性: constru

深入理解javascript对象系列第一篇——初识对象

× 目录 [1]定义 [2]创建 [3]组成[4]引用 前面的话 javascript中的难点是函数.对象和继承,前面已经介绍过函数系列.从本系列开始介绍对象部分,本文是该系列的第一篇——初识对象 对象定义 javascript的基本数据类型包括undefined.null.boolean.string.number和object.对象和其他基本类型值不同的是,对象是一种复合值:它将许多值(原始值或者其他对象)聚合在一起,可通过名字访问这些值 于是,对象也可看做是属性的无序集合,每个属性都是一个

javascript Browser 对象

项目刚刚上线了几个版本,终于可以小憩一下了,闲来无事,翻阅了一下runoob,想巩固一下知识,然后在javascript中发现了这么一个目录Browser对象.突然发现自己貌似经常使用这一块的东西,但是貌似了解的不是很全面,没有具体的全面看过.所以专门的查看并实验了一下. Window对象 这个对象有如下属性:(我大致分了一下类别.只是按照自己的理解简单分类.)1. document           对Document对象的只读引用. history               对Histo

javascript篇：javascript对象——Array

创建Array对象的语法:var myArray = new Array();//空数组,length为0 var myArray = new Array(size);//长度为size,元素为undefined var myArray = new Array(element0,element1,...elementn);//创建数组并赋值 var myArray = [1,2,3]; Array对象的属性 constructor length可读写,进行修改时,有可能会造成元素值的丢失. va

JavaScript对象 + Browser 对象 + HTML DOM 对象

JavaScript 对象 Array Boolean Date Math Number String RegExp Global Browser 对象 Window Navigator Screen History Location HTML DOM 对象 Document Anchor Area Base Body Button Canvas Event Form Frame Frameset IFrame Image Input Button Input Checkbox Input Fi

JavaScript基础--DOM对象加强篇（十四）

1.document 对象 定义:document对象代表的整个html文档,因此可以去访问到文档中的各个对象(元素)document重要的函数 1.1 write 向文档输出文本或js代码 1.2 writeln 向文档输出文本或者js代码,与write不一样的地方是,writeln是换行输出. 比如: document.write("hello");document.writeln("ok"); hello ok 但是对浏览器来看,输出效果没有区别. 1.3 g

javascript篇：javascript对象

此系列文章记录javascript的内置对象,包含内容如下(参照W3School的介绍来做的笔记): Array Boolean Date Math Number String RegExp Functions Events Window系列,DOM系列 javascript对象大多包含一个constructor属性,返回对应的函数对象的引用,这有时候会有点小用处呢: 1 <script type="text/javascript"> 2 3 var test=new Ar

javascript篇：javascript对象——String

创建String: var str = new String(s); var str = String(s); var str = "hello"; String对象的属性: length:字符串的长度 constructor prototype String对象的方法: anchor(anchorName)为文本添加一个锚,即<a name=anchorName>str</a> blink()显示闪动的字符串.用chrome测试没效果... bold()使用锄