JavaScirpt基础 之 JavaScript Window - 浏览器对象模型 六

简介: JavaScript Window Location

JavaScirpt基础 之 JavaScript Window - 浏览器对象模型 六

JavaScript Window Location

window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。

Window Location

window.location 对象在编写时可不使用 window 这个前缀。 一些例子:

一些实例:

location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 (80 或 443)
location.protocol 返回所使用的 web 协议(http: 或 https:)

Window Location assign

location.assign() 方法加载新的文档。

实例

加载一个新的文档:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Window Location assign</title>
<script>
function newDoc(){
    window.location.assign("https://www.baidu.com")
}
</script>
</head>
<body>
<input type="button" value="加载新文档" onclick="newDoc()">
</body>
</html>
目录
相关文章
|
8月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
643 14
|
2月前
|
编解码 JavaScript 前端开发
【Java进阶】详解JavaScript的BOM(浏览器对象模型)
总的来说,BOM提供了一种方式来与浏览器进行交互。通过BOM,你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准,但大多数现代浏览器都实现了相似的功能,因此,你可以放心地在你的JavaScript代码中使用BOM。
101 23
|
8月前
|
XML 编解码 JavaScript
DOM(文档对象模型)和 BOM(浏览器对象模型)
【10月更文挑战第19天】在前端开发中,理解 DOM(文档对象模型)和 BOM(浏览器对象模型)是至关重要的。它们是 Web 开发的基础,为我们提供了与网页文档和浏览器进行交互的能力。
961 62
|
8月前
|
JavaScript 前端开发
JavaScript Window Screen
JavaScript Window Screen
61 3
|
8月前
|
JavaScript 前端开发
JavaScript Window Navigator
JavaScript Window Navigator
60 2
|
8月前
|
JavaScript 前端开发
JavaScript Window Location
JavaScript Window Location
65 2
|
8月前
|
Web App开发 JavaScript 前端开发
JavaScript Window - 浏览器对象模型
JavaScript Window - 浏览器对象模型
81 2
|
8月前
|
JavaScript 前端开发
JavaScript Window History
JavaScript Window History
38 1
|
JavaScript 前端开发
JavaScript中的Window常见对象(BOM)(2)
JavaScript中的Window常见对象(BOM)
JavaScript中的Window常见对象(BOM)(2)
|
JavaScript 前端开发
JavaScript中的Window常见对象(BOM)(1)
JavaScript中的Window常见对象(BOM)
JavaScript中的Window常见对象(BOM)(1)