Web前端开发（HTML5+CSS3+JavaScript） 课件 第11章 BOM.pptx

Web前端基础技术;;BOM;11.2Location对象;location对象主要方法包括：

?reload（）：重新加载当前页面，相当于页面刷新。

?repace（URL）：重定向到指定的页面，例如replace(index.html)。

replace方法和href属性都可以实现页面的重定向。两者的区别在于，使用replace方法后，无法使用浏览器的回退按钮返回上一页，而使用href属性则可以。

?assign（URL）：重定向到指定页面。使用该方法后，可以使用浏览器的回退按钮返回上一页，与使用href属性的作用相同。;11.4history对象（了解）;11.6浏览器事件对象Event;应用示例：观察事件传递顺序。;1.如果我们不希望事件逐级传递，那么，我么可以在事件处理函数中，使用event对象的stopPropagation方法来实现。其用法如下：;示例阻止表单提交;11.7WebStorage;3.删除数据;应用实例：登录,记住账号和密码;inputid=userplaceholder=请输入用户名/br/

inputid=pwdtype=passwordplaceholder=请输入密码/br/

inputid=remembertype=checkbox/记住密码br/

buttononclick=login()登录/button;script

?functiongetUser(){

???varflag=sessionStorage.getItem(flag)

???if(flag){

????varuser=document.getElementById(user)

????user.innerText=flag

???}

???else{

????alert(你需要登录后才能访问本页面)

????location.replace(login.html)

???}

?}

?window.onload=getUser

/script