【JavaWeb基础 · JavaScript--BOM对象--消息框和location对象】

171 阅读2分钟

“这是我参与8月更文挑战的第18天,活动详情查看: 8月更文挑战

消息框

警告框alert()

警告框:用来弹出警告消息。

alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。

语法

    alert(message)

  参数     	描述                                  
  message	要在 window 上弹出的对话框中显示的纯文本(而非 HTML 文本)
alert("这是一个警告框");

image.png

确认框confirm()

confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。

语法

    confirm(message)

  参数     	描述                                  
  message	要在 window 上弹出的对话框中显示的纯文本(而非 HTML 文本)

说明

如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。

在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。
在调用 confirm() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,
不会执行下一条语句。
if(confirm("确定要删除吗?")){
			console.log("已删除");
		}
		else{
			console.log("已取消");
		}

image.png

image.png

image.png

location对象

Location 对象

Location 对象包含有关当前 URL 的信息。

Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。

location有很多属性,我们这里只学习它的最重要的属性href

href 属性是一个可读可写的字符串,可设置或返回当前显示的文档的完整 URL。

因此,我们可以通过为该属性设置新的 URL,使浏览器读取并显示新的 URL 的内容。

语法

    location.href=URL

设置href属性

location.href="http://www.baidu.com";

image.png

获取href属性

document.write(location.href);

image.png

location对象的方法

assign()

assign() 方法可加载一个新的文档。

语法

    location.assign(URL)

reload()

reload() 方法用于重新加载当前文档。

语法

    location.reload(force)

说明

如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since
来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。
如果文档未改变,则该方法将从缓存中装载文档。

这与用户单击浏览器的刷新按钮的效果是完全一样的。

如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。

这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

replace()

replace() 方法可用一个新文档取代当前文档。

语法

    location.replace(newURL)

说明

replace() 方法不会在 History 对象中生成一个新的记录.
当使用该方法时,新的 URL 将覆盖 History 对象中的当前记录。

写在最后

以上就是BOM对象中的消息框和location对象的介绍,如有不正之处,欢迎掘友们批评指正。