js5-bom分分快三计划

作者:分分快三计划

有关访问者浏览器的信息(window.navigator)

document.body.clientWidth

ie5,6,7,8:

移动设备上目前iOS和Android两大阵营分别主要使用Apple的Safari和Google的Chrome,由于两者都是Webkit核心,结果HTML5首先在手机上全面普及(桌面绝对是Microsoft拖了后腿),对JavaScript的标准支持也很好,最新版本均支持ES6。

 

onscroll:当页面滚动时

1、确定浏览器窗口的尺寸的方法 

示例:

  • window.open() - 常用

  {

当前页面的地址对象(window.location)

window.innerWidth - 浏览器窗口的内部宽度

用户屏幕信息的对象(window.screen)

该例显示浏览器窗口的高度和宽度:(不包括工具栏/滚动条)

  • location.href - 获取当前页面的完整地址
  • location.hostname - 获取当前页面主机的域名
  • location.pathname - 获取当前页面的路径和文件名
  • location.port - 获取web主机的端口
  • location.protocol - 获取所使用的web协议(http或者https)

history forward() 方法加载历史列表中的下一个 URL。

浏览器的历史信息(window.history)

IE——11: 国内用得最多的IE浏览器,历来对W3C标准支持差。从IE10开始支持ES6标准;

  • history.go(number) - 参数是数字,栗子:-1代表上一个页面,1代表下一个页面,-2,2同理
  • history.back() - 返回上一个页面
  • history.forward() - 进入下一个页面

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

  • navigator.userAgent - 常用,获取用户浏览器的信息

location.protocol; // 'http'

>ie8,chrome,safari等现代浏览器:

注意

  • document.documentElement.clientHeight- 浏览器窗口的内部高度(不包含控制台的height)
  • document.documentElement.clientWidth - 浏览器窗口的内部宽度(不包含控制台的width)

screen.colorDepth:返回颜色位数,如8、16、24。

  • window.innerHeight - 浏览器窗口的内部高度(不包含控制台的height)
  • window.inner Width - 浏览器窗口的内部宽度(不包含控制台的width)

navigator.userAgent:浏览器设定的User-Agent字符串。

2、打开新窗口api:

History Back

window对象

screen.width:屏幕宽度,以像素为单位;

  • screen.availWidth - 屏幕可用的宽度
  • screen.availHeight - 屏幕可用的高度

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

window.innerHeight - 浏览器窗口的内部高度

目前主流浏览器介绍

这与在浏览器中点击前进按钮是相同的:

";

txt = "

window.moveTo() - 移动当前窗口

navigator对象表示浏览器的信息,最常用的属性包括:

要获得URL各个部分的值,可以这么写:

txt = "

window.resizeTo() - 调整当前窗口的尺寸

onload:当页面加载时

{

Sarafi:Apple的Mac系统自带的基于Webkit内核的浏览器,从OS X 10.7 Lion自带的6.1版本开始支持ES6,目前最新的OS X 10.10 Yosemite自带的Sarafi版本是8.x,早已支持ES6;

Browser CodeName: " navigator.appCodeName "

除此之外,还有一个outerWidth和outerHeight属性,可以获取浏览器窗口的整个宽高。

location.pathname; // '/path/index.html'

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:

什么是BOM

txt = "

全局变量是 window 对象的属性。

甚至 HTML DOM 的 document 也是 window 对象的属性之一:

BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构,BOM由多个对象构成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。

document.documentElement.clientHeight

window尺寸

  window.history.forward()

注意

document.write( "屏幕高度:" screen.height "px
" );

history对象保存了浏览器的历史记录,JavaScript可以调用history对象的back()或forward (),相当于用户点击了浏览器的“后退”或“前进”按钮。

Browser Name: " navigator.appName "

示例:加载一个新页面

";

navigator.platform:操作系统类型;

window.open() - 打开新窗口

}

txt = "

  {

新手开始设计Web页面时喜欢在登录页登录成功时调用history.back(),试图回到登录前的页面。这是一种错误的方法。

screen对象表示屏幕的信息,常用的属性有:

navigator 数据可被浏览器使用者更改

screen.availWidth:屏幕的可用宽度,以像素为单位

location.port; // '8080'

function newDoc()

这与在浏览器中点击后退按钮是相同的:

对于 Internet Explorer 8、7、6、5:

var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

history.back() 方法加载历史列表中的前一个 URL。

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

任何情况,你都不应该使用history这个对象了。

Cookies Enabled: " navigator.cookieEnabled "

History Forward

Firefox:Mozilla自己研制的Gecko内核和JavaScript引擎OdinMonkey。早期的Firefox按版本发布,后来终于聪明地学习Chrome的做法进行自升级,时刻保持最新;

prompt(),输入框,返回字符串或null

location.search; // '?a=1&b=2'

txt = "

或者

Browser Version: " navigator.appVersion "

";

confirm('提问的内容')返回boolean

系统对话框

document.write( "屏幕宽度:" screen.width "px
" );

拓展

  }

document.write( "屏幕可用宽度:" screen.availWidth "px
" );

要加载一个新页面,可以调用location.assign()。如果要重新加载当前页面,调用location.reload()方法非常方便。

其他操作window方法(不常用)

window.close() - 关闭当前窗口

function goBack()

所有浏览器都支持 window 对象。它表示浏览器窗口。

有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。

window对象

txt = "

window对象常用事件

实用的 JavaScript 方案(涵盖所有浏览器):

location.host; // 'www.example.com'

全局函数是 window 对象的方法。

location.hash; // 'TOP'

这个对象属于历史遗留对象,对于现代Web页面来说,由于大量使用AJAX和页面交互,简单粗暴地调用history.back()可能会让用户感到非常愤怒。

screen

User-agent language: " navigator.systemLanguage "

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

x.innerHTML="浏览器的内部窗口宽度:" w ",高度:" h "。"

onresize:页面重新定义大小时

document.write( "屏幕可用高度:" screen.availHeight "px" );

location对象表示当前页面的URL信息。例如,一个完整的URL:

与此相同:

可以操作的BOM对象

";

  window.history.back()

Location

screen.availHeight:屏幕的可用高度,以像素为单位

";

var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

";

navigator.language:浏览器设置的语言;

User-agent header: " navigator.userAgent "

navigator

navigator.appVersion:浏览器版本;

window.document.getElementById("header");

x=document.getElementById("demo");

  }

浏览器无法报告晚于浏览器发布的新操作系统

Platform: " navigator.platform "

History

document.write(location.href);

这里为什么没有说到360浏览器、搜狗浏览器呢?其实这一类浏览器只是在以上列举出来的浏览器的内核基础上,换了一个包装,添加了一些个性功能而已,本质上并没有什么区别。

window.location.assign("")

document.getElementById("header");

可以用location.href获取:

function goForward()

document.getElementById("example").innerHTML=txt;

txt = "

navigator.appName:浏览器名称;

document.body.clientHeight

document.documentElement.clientWidth

alert()警告框,没有返回值

";

screen.height:屏幕高度,以像素为单位;

本文由分分快三计划发布,转载请注明来源

关键词: 分分快三计划 日记本