【澳门葡京】前端基础知识之浏览器模型,浏览器对象模型

window对象

什么是BOM

什么是BOM

澳门葡京 ,JS Window-浏览器对象模型

  • 浏览器对象模型(BOM)使JS有力量与浏览器对话
  • 出于现代浏览器大致达成了JS交互性方面包车型地铁一样格局和质量,因而常被认为是BOM的艺术和总体性。

1、分明浏览器窗口的尺寸的法子 

BOM:Browser Object Model
是浏览器对象模型,浏览器对象模型提供了单独与内容的、能够与浏览器窗口举办互动的对象社团,BOM由七个目的构成,在那之中表示浏览器窗口的window对象是BOM的顶层对象,其余对象都是该目的的子对象。

BOM:Browser Object Model
是浏览器对象模型,浏览器对象模型提供了单独与内容的、可以与浏览器窗口实行相互的对象组织,BOM由多少个目的构成,在那之中表示浏览器窗口的window对象是BOM的顶层对象,其余对象都以该指标的子对象。

Window对象

  • 装有浏览器都协助Window对象,它象征浏览器窗口。

  • 拥有JS全局对象、函数以及变量均会自动成为window对象的分子。

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

  • 全局函数是window对象的法子

  • HTML DOM的document也是window对象的属性之1

         window.document.getElementById("header");
    

>ie八,chrome,safari等现代浏览器:

如今主流浏览器介绍

当前主流浏览器介绍

Window尺寸

  • 有三种方法能够规定浏览器窗口的尺寸

  • 对于IE、Chrome、Firefox、Opera、Safari

    • window.innerHeight – 浏览器窗口的内部中度(包蕴滚动条)
    • window.innerWidth – 浏览器窗口的内部宽度(包罗滚动条)

  • 对于IE8、7、6、5

    • document.documentElement.clientHeight
    • document.documentElement.clientWidth
  • 或者

    • document.body.clientHeight
    • document.body.clientWidth
  • 实例:获取浏览器中度大幅(涵盖全数浏览器)

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
  • window.innerHeight – 浏览器窗口的当中中度(不包蕴控制台的height)
  • window.inner Width – 浏览器窗口的在那之中宽度(不带有控制台的width)

IE——1一:
国内用得最多的IE浏览器,历来对W3C标准接济差。从IE十从头帮助ES6规范;

IE——1一:
国内用得最多的IE浏览器,历来对W3C标准援救差。从IE10发端帮忙ES陆正式;

其他Window方法

  • window.open() – 打开新窗口
  • window.close() – 关闭当前窗口
  • window.moveTo() – 移动当前窗口
  • window.resizeTo() – 调整当前窗口

ie5,6,7,8:

萨拉fi:Apple的Mac系统自带的依照Webkit内核的浏览器,从OS X 10.7Lion自带的陆.一版本起先支持ES6,近期流行的OS X 十.⑩Yosemite自带的Sarafi版本是八.x,早已辅助ES6;

Sarafi:Apple的Mac系统自带的基于Webkit内核的浏览器,从OS X 10.7Lion自带的陆.1版本开始支持ES6,如今流行的OS X 10.10Yosemite自带的Sarafi版本是八.x,早已帮助ES6;

JS 获取有关用户荧屏新闻

  • window.screen 对象涵盖关于用户显示屏的新闻
  • window.screen 对象在编写时得以不行使window那一个前缀
    • screen.avaliWidth – 可用的荧屏宽度
    • screen.avaliHeight – 可用的显示屏高度
  • document.documentElement.clientHeight-
    浏览器窗口的当中中度(不带有控制台的height)
  • document.documentElement.clientWidth – 浏览器窗口的内部宽度(不包括控制台的width)

Firefox:Mozilla本身研制的Gecko内核和JavaScript引擎OdinMonkey。早期的Firefox按版本宣布,后来到底通晓地读书Chrome的做法举办自升级,时刻保持最新;

Firefox:Mozilla本身研制的Gecko内核和JavaScript引擎OdinMonkey。早期的Firefox按版本公布,后来到底了然地上学Chrome的做法举行自升级,时刻保持最新;

Window Screen 可用宽度

  • screen.avaliWidth
    属性重返访问者显示屏的宽度,以像素为单位,减去界面脾性,比如窗口任务栏这么些。

   <script>
document.write("可用宽度: " + screen.availWidth);
</script>

贰、打开新窗口api:

挪动装备上最近iOS和Android两大阵营分别首要行使Apple的Safari和谷歌(Google)的Chrome,由于两者都以Webkit大旨,结果HTML伍首先在手机前一周到推广(桌面相对是Microsoft拖了后腿),对JavaScript的正儿捌经援救也很好,最新版本均援救ES6。

活动设备上脚下iOS和Android两大阵营分别首要运用Apple的Safari和谷歌的Chrome,由于两岸都以Webkit大旨,结果HTML5先是在四弟大上无微不至推广(桌面相对是Microsoft拖了后腿),对JavaScript的科班帮助也很好,最新版本均帮衬ES陆。

Window Screen 可用中度

  • screen.avaliHeight
    属性返回访问者荧屏的莫斯中国科学技术大学学,以像素为单位,减去界面个性,比如窗口职分栏这几个。

   <script>
document.write("可用高度: " + screen.availHeight);
</script>
  • window.open() - 常用

此处为什么一直不谈到360浏览器、搜狗浏览器呢?其实那1类浏览器只是在以上列举出来的浏览器的基业基础上,换了三个打包,添加了壹部分本性作用而已,本质上并不曾什么样界别。

此间怎么平昔不提起360浏览器、搜狗浏览器呢?其实那一类浏览器只是在上述列举出来的浏览器的基业基础上,换了三个包裹,添加了某些性情功效而已,本质上并不曾什么分别。

JS Window Location对象

  • window.location
    对象用于获取当前页面的地点UMuranoL,并把浏览重视定向到新的界面。编写时可不写window前缀。

  • location的壹部分实例

    • location.hostname 重返web主机的域名
    • location.pathname 重临当前页面包车型客车路径和文书名
    • location.port 重临web主机的端口(80或4肆三)
    • location.protocol 重返所接纳的web协议(

用户显示器新闻的靶子(window.screen)

能够操作的BOM对象

能够操作的BOM对象

获取URL(href)

  • location.href 属性重临当前页面包车型大巴url

<script>
//输出当前页面的URL
document.write(location.href);
</script>
//输出: http://www.runoob.com/js/js-window-location.html
  • screen.availWidth –
    显示屏可用的肥瘦
  • screen.availHeight –
    荧屏可用的万丈

window对象

window对象

获取URL路径名(pathname)

  • location.pathname 属性再次回到U路虎极光L的路径名

<script>
document.write(location.pathname);
</script>
//输出: /js/js-window-location.html

时下页面包车型客车地方对象(window.location)

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

拥有浏览器都支持 window 对象。它意味着浏览器窗口。

加载新文书档案(网页)

  • location.assign() 方法加载新的文书档案

//加载一个新文档,即打开http://www.w3cschool.cc这个页面
  <html>
<head>
<script>
function newDoc()
 {
 window.location.assign("http://www.w3cschool.cc")
 }
</script>
</head>
<body>
<input type="button" value="Load new document" onclick="newDoc()">
</body>
</html>
  • location.href –
    获取当前页面包车型地铁欧洲经济共同体地址
  • location.hostname -
    获取当前页面主机的域名
  • location.pathname -
    获取当前页面包车型客车路子和文书名
  • location.port -
    获取web主机的端口
  • location.protocol –
    获取所利用的web协议(http或许https)

具备 JavaScript 全局对象、函数以及变量均自动成为 window 对象的积极分子。

装有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的积极分子。

JS 获取历史记录

  • window.history 对象涵盖浏览器的野史,编写时得以大致window前缀

浏览器的野史音讯(window.history)

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

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

后退网页

  • history.back() 加载历史记录的前二个U汉兰达L,与浏览器点击后退按钮效果同样

   <html>
<head>
<script>
function goBack()
  {
  window.history.back()
  }
</script>
</head>
<body>
<input type="button" value="Back" onclick="goBack()">
</body>
</html>
  • history.go(number) –
    参数是数字,栗子:-一代表上二个页面,1代表下一个页面,-二,二同理
  • history.back() – 重临上3个页面
  • history.forward() - 进入下1个页面

大局函数是 window 对象的格局。

大局函数是 window 对象的办法。

【澳门葡京】前端基础知识之浏览器模型,浏览器对象模型。升高网页

  • history forward()
    方法加载历史列表的下1个U卡宴L,与在浏览器中点击前进按钮效果1样

        <html>
     <head>
     <script>
     function goForward()
       {
       window.history.forward()
       }
     </script>
     </head>
     <body>
     <input type="button" value="Forward" onclick="goForward()">
     </body>
     </html>
    

关于访问者浏览器的新闻(window.navigator)

居然 HTML DOM 的 document 也是 window 对象的属性之一:

竟然 HTML DOM 的 document 也是 window 对象的习性之壹:

JS获取浏览器音讯

  • window.navigator
    对象涵盖关于访问者浏览器的音信,编写时方可省略window前缀

   <div id="example"></div> 
<script> 
txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>"; 
txt+= "<p>浏览器名称: " + navigator.appName + "</p>"; 
txt+= "<p>浏览器版本: " + navigator.appVersion + "</p>"; 
txt+= "<p>启用Cookies: " + navigator.cookieEnabled + "</p>"; 
txt+= "<p>硬件平台: " + navigator.platform + "</p>"; 
txt+= "<p>用户代理: " + navigator.userAgent + "</p>"; 
txt+= "<p>用户代理语言: " + navigator.systemLanguage + "</p>"; 
document.getElementById("example").innerHTML=txt; 
</script> 
  • 亟待注意的是,navigator对象的音信有所误导性,因为:

    • navigator数据可悲浏览器使用者更改
    • 部分浏览器对测试站点会识别错误
    • 浏览器不可能告诉晚于浏览器宣布的新操作系统
  • 动用对象检验可以用来检查实验分裂的浏览器

    • 譬如说,唯有Opera援救属性window.opera,由此能够识别出Opera

           if(window.opera) {
            //此为Opera浏览器
           }
  • navigator.userAgent –
    常用,获取用户浏览器的音讯

window.document.getElementById(“header”);

window.document.getElementById(“header”);

JS 弹窗

  • JS中得以创制二种音信框:警告框、确认框、提醒框

 

与此相同:

与此相同:

警告框

  • 当警告框出现后,用户须求点击鲜明按钮才能持续展开操作
  • 语法:

   //这里也可以省略window前缀,直接使用alert()方法
   window.alert("sometext");
  • 实例

   <!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
    alert("你好,我是一个警告框!");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="显示警告框">
</body>
</html>

document.getElementById(“header”);

document.getElementById(“header”);

提示框

  • 并发提示框时,用户需求输入有些值,然后点击明显,再次来到值为输入的值,点击撤消,重回值为null

  • 语法

window.prompt("sometext","defaultvalue");
  • 实例

   var person=prompt("请输入你的名字","Harry Potter");
if (person!=null && person!="")
{
    x="你好 " + person + "! 今天感觉如何?";
document.getElementById("demo").innerHTML=x;
}

window尺寸

window尺寸

确认框

  • 语法

   //这里的window可以省略
   window.confirm("sometext");
  • 实例

   var r=confirm("按下按钮");
if (r==true)
{
    x="你按下了\"确定\"按钮!";
}
else
{
    x="你按下了\"取消\"按钮!";
}

有三种办法能够规定浏览器窗口的尺码(浏览器的视口,不包涵工具栏和滚动条)。

有三种艺术能够规定浏览器窗口的尺码(浏览器的视口,不包括工具栏和滚动条)。

JS计时事件

  • setInterval() 间隔钦定的纳秒数不停地举行钦点的代码。
  • setTimeOut() 经过钦赐的阿秒数后进行内定的代码
  • 注: 那是HTML DOM Window对象的三个方法

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

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

setInterval()方法

  • 区间钦赐的微秒数不停地履行内定的代码
  • 语法

   window.setInterval("javascript function", milliseconds);
  • 实例1

   //每3秒弹出一个hello
   setInterval(function(){alert("Hello")},3000);
  • 实例二: 实时呈现当前岁月

   var myVar=setInterval(function(){myTimer()},1000);
function myTimer()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}

window.innerHeight – 浏览器窗口的中间中度

window.innerHeight – 浏览器窗口的内部中度

clearInterval()方法

  • clearInterval()方法用来终止setInterval()方法执行的函数代码
  • 语法

   clearInterval(intervalVariable)
  • 实例

   <p id="demo"></p>
<button onclick="myStopFunction()">Stop time</button>
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}
function myStopFunction()
{
clearInterval(myVar);
}
</script>

window.innerWidth – 浏览器窗口的当中宽度

window.innerWidth – 浏览器窗口的里边宽度

setTimeout()方法

  • 通过多少时间后执行某些函数

  • 语法

   window.setTimeout("javascript 函数",毫秒数);
  • 实例

   //等待3秒,弹出hello
   setTimeout(function(){alert("hello")},3000);

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

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

clearTimeout()

  • 用于停止实施setTimeout()方法的函数代码,假设函数未履行

  • 语法

   clear.Timeout(timeoutVariable)
  • 实例

   var myVar;
function myFunction()
{
myVar=setTimeout(function(){alert("Hello")},3000);
}
function myStopFunction()
{
clearTimeout(myVar);
}

document.documentElement.clientHeight

document.documentElement.clientHeight

JS Cookie

  • Cookie用于存款和储蓄web页面包车型客车用户新闻

    • 当用户访问web页面时,他的名字能够记下在cookie中
    • 在用户下三回访问页面时,能够在cookie中读取用户访问记录。
  • cookie以建值对格局存在

   username = Lch
  • JS能够应用document.cookie属性来创立、读取、及删除cookie

document.documentElement.clientWidth

document.documentElement.clientWidth

使用JS创建cookie

  • 创建cookie

   document.cookie = "username=LCH"
  • 为cookie添加二个超时光阴(以UTC或林大霉素T时间),暗中同意情形下,cookie在浏览器关闭时去除。

   document.cookie="username=LCH; expires=Thu,  18 Dec 2013 12:00:00 GMT"
  • 使用path参数告诉浏览器cookie的路径,默许景况下,cookie属于当前页面

   document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";
  • 实例: 设置cookie值的函数

   //cname: cookie的名称;cvalue: cookie的值;expires: cookie的过期时间
   function setCookie(cname, cvalue, exdays)
   {
    var d = new Date();
    d.setTime(d.getTime()+(exdays*24*60*60*1000));
    var expires = "expires="+d.toGMTString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
   }

或者

或者

使用JS读取cookie

  • 在JS中可以动用以下代码来读取cookie

   var x = document.cookie;
  • 实例: 获取cookie值的函数

function getCookie(cname)
{
  var name = cname + "=";
  var ca = document.cookie.split(';');
  for(var i=0; i<ca.length; i++) 
  {
    var c = ca[i].trim();
    if (c.indexOf(name)==0) return c.substring(name.length,c.length);
  }
  return "";
}

document.body.clientHeight

document.body.clientHeight

使用JS修改cookie

  • 在JS中,修改cookie类似于创制cookie,修改之后旧的cookie将被遮盖

   document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

document.body.clientWidth

document.body.clientWidth

使用JS删除cookie

  • 删去cookie只需安装参数为从前的年月即可

   document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

实用的 JavaScript 方案(涵盖全数浏览器):

实用的 JavaScript 方案(涵盖全数浏览器):

检查实验cookie值的函数

  • 以下是1个检验cookie是或不是创制的函数,固然设置cookie则呈现问候信息,若是未有设置
    cookie,将会显示一个弹窗用于询问访问者的名字,并调用 setCookie
    函数将访问者的名字存款和储蓄 3六五 天:

function checkCookie()
{
 var username=getCookie("username");
 if (username!="")
 {
   alert("Welcome again " + username);
 }
 else 
 {
   username = prompt("Please enter your name:","");
   if (username!="" && username!=null)
   {
     setCookie("username",username,365);
   }
 }
}

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

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

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

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

x=document.getElementById(“demo”);

x=document.getElementById(“demo”);

x.innerHTML=”浏览器的在那之中窗口宽度:” + w + “,中度:” + h + “。”

x.innerHTML=”浏览器的当中窗口宽度:” + w + “,中度:” + h + “。”

该例彰显浏览器窗口的冲天和宽度:(不包蕴工具栏/滚动条)

该例展现浏览器窗口的莫斯科大学和增长幅度:(不蕴涵工具栏/滚动条)

除了,还有1个outerWidth和outerHeight属性,能够拿走浏览器窗口的整套宽高。

除了这么些之外,还有二个outerWidth和outerHeight属性,可以得到浏览器窗口的总体宽高。

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

别的操作window方法(不常用)

window.open() – 打开新窗口

window.open() – 打开新窗口

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

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

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

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

window.resizeTo() – 调整当前窗口的尺码

window.resizeTo() – 调整当前窗口的尺码

navigator

navigator

navigator对象表示浏览器的音信,最常用的性质包罗:

navigator对象表示浏览器的新闻,最常用的属性包蕴:

navigator.appName:浏览器名称;

navigator.appName:浏览器名称;

navigator.appVersion:浏览器版本;

navigator.appVersion:浏览器版本;

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

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

navigator.platform:操作系统类型;

navigator.platform:操作系统类型;

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

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

window.navigator 对象在编排时可不采纳 window 那一个前缀。

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

示例:

示例:

txt = “

txt = “

Browser CodeName: ” + navigator.appCodeName + “

Browser CodeName: ” + navigator.appCodeName + “

“;

“;

txt+= “

txt+= “

Browser Name: ” + navigator.appName + “

Browser Name: ” + navigator.appName + “

“;

“;

txt+= “

txt+= “

Browser Version: ” + navigator.appVersion + “

Browser Version: ” + navigator.appVersion + “

“;

“;

txt+= “

txt+= “

Cookies Enabled: ” + navigator.cookieEnabled + “

Cookies Enabled: ” + navigator.cookieEnabled + “

“;

“;

txt+= “

txt+= “

Platform: ” + navigator.platform + “

Platform: ” + navigator.platform + “

“;

“;

txt+= “

txt+= “

User-agent header: ” + navigator.userAgent + “

User-agent header: ” + navigator.userAgent + “

“;

“;

txt+= “

txt+= “

User-agent language: ” + navigator.systemLanguage + “

User-agent language: ” + navigator.systemLanguage + “

“;

“;

document.getElementById(“example”).innerHTML=txt;

document.getElementById(“example”).innerHTML=txt;

注意

注意

根源 navigator
对象的音信具有误导性,不应该被用于检查评定浏览器版本,那是因为:

源点 navigator
对象的音讯享有误导性,不应有被用于检验浏览器版本,那是因为:

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

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

浏览器不大概告知晚于浏览器宣布的新操作系统

浏览器不或许告知晚于浏览器宣布的新操作系统

screen

screen

screen对象表示显示屏的新闻,常用的属性有:

screen对象表示显示屏的新闻,常用的习性有:

screen.width:显示器宽度,以像素为单位;

screen.width:显示器宽度,以像素为单位;

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

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

screen.height:显示屏中度,以像素为单位;

screen.height:荧屏中度,以像素为单位;

screen.availHeight:显示屏的可用中度,以像素为单位

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

screen.colorDepth:再次来到颜色位数,如八、1陆、二四。

screen.colorDepth:再次来到颜色位数,如八、1六、二四。

window.screen 对象在编写制定时得以不行使 window 这几个前缀。

window.screen 对象在编写时得以不应用 window 那么些前缀。

document.write( “显示屏宽度:”+screen.width+”px
” );

document.write( “显示屏宽度:”+screen.width+”px
” );

document.write( “显示器中度:”+screen.height+”px
” );

document.write( “荧屏中度:”+screen.height+”px
” );

document.write( “显示器可用宽度:”+screen.availWidth+”px
” );

document.write( “显示器可用宽度:”+screen.availWidth+”px
” );

document.write( “显示器可用高度:”+screen.availHeight+”px” );

document.write( “显示屏可用高度:”+screen.availHeight+”px” );

Location

Location

location对象表示最近页面包车型地铁UCRUISERL新闻。例如,3个完好的UXC60L:

location对象表示近来页面包车型地铁U奥迪Q5L新闻。例如,四个整机的U奥迪Q5L:

可以用location.href获取:

可以用location.href获取:

document.write(location.href);

document.write(location.href);

要获取USportageL各样部分的值,能够那样写:

要拿走UKugaL各种部分的值,能够那样写:

location.protocol; // ‘http’

location.protocol; // ‘http’

location.host; // ‘www.example.com’

location.host; // ‘www.example.com’

location.port; // ‘8080’

location.port; // ‘8080’

location.pathname; // ‘/path/index.html’

location.pathname; // ‘/path/index.html’

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

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

location.hash; // ‘TOP’

location.hash; // ‘TOP’

要加载2个新页面,能够调用location.assign()。如若要双重加载当前页面,调用location.reload()方法1二分方便。

要加载2个新页面,能够调用location.assign()。假诺要再度加载当前页面,调用location.reload()方法丰硕有益。

演示:加载二个新页面

以身作则:加载三个新页面

function newDoc()

function newDoc()

{

{

window.location.assign(“”)

window.location.assign(“”)

}

}

History

History

history对象保存了浏览器的历史记录,JavaScript能够调用history对象的back()或forward
(),也就是用户点击了浏览器的“后退”或“前进”按钮。

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

History Back

History Back

history.back() 方法加载历史列表中的前1个 U奥迪Q7L。

history.back() 方法加载历史列表中的前1个 U帕JeroL。

这与在浏览器中式点心击后退按钮是千篇一律的:

那与在浏览器中式点心击后退按钮是均等的:

function goBack()

function goBack()

  {

 {

  window.history.back()

 window.history.back()

  }

 }

History Forward

History Forward

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

history forward() 方法加载历史列表中的下1个 U本田CR-VL。

那与在浏览器中点击前进按钮是平等的:

那与在浏览器中式点心击前进按钮是如出一辙的:

function goForward()

function goForward()

  {

 {

  window.history.forward()

 window.history.forward()

  }

 }

注意

注意

其一目的属于历史遗留对象,对于当代Web页面来说,由于大气行使AJAX和页面交互,不难阴毒地调用history.back()或者会让用户觉得万分气愤。

这一个目的属于历史遗留对象,对于当代Web页面来说,由于多量施用AJAX和页面交互,简单残忍地调用history.back()可能会让用户感到分外愤怒。

新手初阶设计Web页面时喜欢在报到页登录成功时调用history.back(),试图回到登录前的页面。那是一种错误的不二等秘书籍。

新手开头筹划Web页面时喜欢在报到页登录成功时调用history.back(),试图回到登录前的页面。那是一种错误的主意。

别的动静,你都不应当接纳history这几个目的了。

任何动静,你都不应当运用history这一个目的了。

拓展

拓展

系统对话框

系统对话框

alert()警告框,未有重回值

alert()警告框,未有重回值

confirm(‘提问的情节’)再次来到boolean

confirm(‘提问的内容’)重临boolean

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

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

window对象常用事件

window对象常用事件

onload:当页面加载时

onload:当页面加载时

onscroll:当页面滚动时

onscroll:当页面滚动时

onresize:页面重新定义大时辰

onresize:页面重新定义大时辰

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website