常见的一些浏览器对象

女爷i 2022-06-07 06:54 682阅读 0赞

自学的时候归类怕忘了在这简单记一笔

1.window对象
window对象是BOM的核心,window对象指当前的浏览器窗口。
方法有:
window对象方法

2.History 对象
history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

注:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。
History对象属性
对象属性
语法:window.history.length (window可以省略)
History对象方法
这里写图片描述
back()相当于go(-1)
forward()相当于go(1)

3.Location对象
location用于获取或设置窗体的URL,并且可以用于解析URL。
location对象属性图示:
location对象属性图示:
location 对象属性:
location 对象属性:
location 对象方法:
location 对象方法:

4.Navigator对象
Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
对象属性:
对象属性:
userAgent
返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

语法:navigator.userAgent
几种浏览的user_agent.,像360的兼容模式用的是IE、极速模式用的是chrom的内核。

这里写图片描述

使用userAgentk可以判断使用的是什么浏览器

  1. function validB(){
  2. var u_agent = navigator.userAgent;
  3. var B_name="Failed to identify the browser";
  4. if(u_agent.indexOf("Firefox")>-1){
  5. B_name="Firefox";
  6. }else if(u_agent.indexOf("Chrome")>-1){
  7. B_name="Chrome";
  8. }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
  9. B_name="IE(8-10)";
  10. }
  11. document.write("B_name:"+B_name+"<br>");
  12. document.write("u_agent:"+u_agent+"<br>");
  13. }

5.screen对象
screen对象用于获取用户的屏幕信息。
语法:window.screen.属性
这里写图片描述

window.screen 对象包含有关用户屏幕的信息。

  1. screen.height 返回屏幕分辨率的高
  2. screen.width 返回屏幕分辨率的宽
    注意:
    1.单位以像素计。
  3. window.screen 对象在编写时可以不使用 window 这个前缀。
    获取屏幕的高和宽,代码如下:

屏幕可用高和宽度
screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。

screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。

注意:

不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。

获取屏幕的可用高和宽度,代码如下:

  1. <script type="text/javascript"> document.write("可用宽度:" + screen.availWidth); document.write("可用高度:" + screen.availHeight); </script>

注意:根据屏幕的不同显示值不同。

发表评论

表情:
评论列表 (有 0 条评论,682人围观)

还没有评论,来说两句吧...

相关阅读

    相关 常见一些BUG

    常见的一些BUG,但实际上在编写代码时,我们应该尽可能避免这些类型的错误: 1. 变量名与函数名冲突: def main(): print("H

    相关 浏览器对象(2)

    1 History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。 注意:从窗口被打开的那一刻开始记录,每个浏

屏幕宽度:1280px
屏幕高度:720px