JS window对象 Location对象 location用于获取或设置窗体的URL，并且可以用于解析URL。语法: location.[属性|方法]

最新推荐文章于 2023-03-10 12:42:26 发布

原创最新推荐文章于 2023-03-10 12:42:26 发布 · 827 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #web前端 #对象

JavaScript进阶篇专栏收录该内容

91 篇文章

订阅专栏

本文介绍了Location对象的基本用法，包括如何获取或设置窗体的URL，以及如何使用Location对象的属性来解析URL。通过示例代码展示了如何输出当前文档的完整URL。

Location对象

location用于获取或设置窗体的URL，并且可以用于解析URL。

语法:

location.[属性|方法]

location对象属性图示:

location 对象属性：

location 对象方法:

任务

在右边编辑器script标签内，获取当前显示文档的URL,并输出。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>location</title>
</head>
 <script type="text/javascript">
    document.write(location.protocol+"//"+location.hostname+location.port+location.pathname+location.search+location.hash+"<br>");  
    function currenturl(){
        alert(window.location);    
    }   
     
 </script>
</head>
<body>
<input type="button" value="获取网页地址" onclick="currenturl()">
</body>
</html>