`

JavaScript中的Location对象

javascriptLocation 
阅读更多
-

在HTML中可以使用<a></a>标签，实现网页的跳转。
在JavaScript中，如果要实现类似的功能，则使用的是Location对象。

请看下面的例子

这是一个网页效果图：


对应的代码： 

<html>
  <head>
    <title>JavaScript_object_location.html</title>	
  
    <script type="text/javascript">  
  	
    	function changeWindowLocation(){    		
    		window.location.href="http://www.baidu.com"
    	}
    	function createWindow(){
    		var nw = window.open();
    		nw.location.href="http://www.baidu.com"
    	}
    	
    </script>

  </head>
  
  <body>
   <input type="button" value="改变当前窗口的Location" onclick="changeWindowLocation()"><br>
   <input type="button" value="打开一个新窗口，并设置其Location" onclick="createWindow()"><br><br>
   <a href="http://www.baidu.com" target="_blank">网页跳转</a>
  
  </body>
</html>


通过这个例子，可以加深对 JavaScript中Location对象的作用的了解。








--

  • 大小: 3.4 KB
分享到：
| JavaScript中的对象简介
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    深入解析：`window.location`对象在JavaScript中的运用

    在Web开发中，window.location对象是JavaScript中一个非常核心的部分，它提供了一种访问和修改当前文档URL的方法。这个对象包含了许多属性和方法，可以用来获取URL的各个组成部分，甚至可以用来导航到新的页面。本文...

    javascript的document对象

    #### Location对象属性 - **document.location.hash**：返回URL中的锚点部分。 - **document.location.host**：返回URL中的主机域名和端口号。 - **document.location.hostname**：返回URL中的主机域名。 - **...

    javascript window对象

    在JavaScript中，`Window`对象是所有浏览器窗口的基础。它是全局对象，也是顶级对象。对于初学者来说，了解`Window`对象的基本概念及其方法是非常重要的，这有助于更好地理解浏览器环境中的脚本执行流程。 #### 二...

    javascript操作BOM对象.docx

    本文档主要介绍了 JavaScript 操作 BOM（ Browser Object Model）对象的相关知识点，包括 window 对象、history 对象、location 对象、Document 对象、Math 对象和 Date 对象等。 window 对象 window 对象是 BOM ...

    JavaScript面向对象基础.ppt

    在JavaScript中，面向对象编程（OOP）是其核心概念之一，允许开发者通过类和对象来组织和管理代码，提高代码的可重用性和可维护性。 8.1 面向对象术语 面向对象编程的基础包括类、对象、继承和多态等概念。类是对象...

    JavaScript之浏览器对象

    Location对象表示当前页面的URL，通过`window.location`可访问。它可以用于获取或更改页面的URL，如`location.href`获取完整URL，`location.pathname`获取路径名。 六、FRAME框架对象 在HTML中，框架（frame）用于...

    JavaScript入门教程(8) Location地址对象

    窗口对象&gt;.location”。先前写了一片用[removed].href实现刷新另个框架页面 ，特此我看了一下locaiton的详细用法，对此有点改进，具体如下： 注意：属于不同协议或不同主机的两个地址之间不能互相引用对方的 ...

    浅述Javascript的外部对象

    - Location对象包含了有关当前URL的信息，例如href属性表示当前窗口正在浏览的网址地址。我们可以利用location对象来获取当前URL，或者改变当前的浏览地址。例如，通过设置location.href，可以导航到新的页面。 -...

    JavaScript编程中window的location与history对象详解

    首先，location对象用于获取当前页面的地址信息，并且可以用来控制浏览器的导航行为。location对象提供的属性包括： - hostname：返回当前页面所在的主机名，例如 "***"。 - pathname：返回当前页面的路径名，例如 ...

    Javascript的document对象

    在JavaScript中，`document`对象是所有其他DOM（Document Object Model）操作的基础。 首先，我们可以使用`document`对象的一些基本属性来获取或设置文档的信息。例如，`document.title`用于设置或获取文档的标题，...

    JS option location 页面跳转实现代码

    标题中的“JS option location 页面跳转实现代码”指向了利用JavaScript来操作浏览器的location对象，在option标签中实现用户界面的页面跳转功能。这一技术点广泛应用于Web开发中，目的是通过用户的选择触发不同页面...

    javaScript对象模型与事件处理借鉴.pdf

    JavaScript 对象模型是指在 JavaScript 中描述对象之间的层次关系的模型。该模型可以将对象分为核心部分、浏览器对象模型和文档对象模型三个组成部分。核心部分主要包括 JavaScript 的数据类型、运算符、表达式，...

    JavaScript中的Location地址对象

    location 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址，只需要使用“location”就行了；若要表示某一个窗口的地址，就使用“&lt;窗口对象&gt;.location”。先前写了一片用[removed].href...

    03 JavaScript内置对象与浏览器对象.ppt

    目标掌握： javascript内置对象 String 对象 Math 对象 Date 对象 浏览器对象 浏览器对象简介 Window Document History Location Screen event

    JavaScript的浏览器对象详解

    6. **location对象**：location对象是window对象的一部分，包含了当前URL的所有信息，如协议、主机名、路径、查询参数等。可以使用`location.href`获取或设置完整的URL，`location.search`获取查询字符串，`location...

    Javascript 的内部对象

    在JavaScript中，存在许多内置对象，它们为开发者提供了丰富的功能，能够帮助实现网页与用户之间的交互、数据处理等多种需求。本文将重点介绍几个常用的JavaScript内置对象：`Navigator`、`Window`、`Location`、`...

    【温故而知新】JavaScript的BOM之Screen:Location:History对象.md

    ### 三、Location对象详解 #### 1. 案例演示 下面展示一个简单的`Location`对象使用示例： ```javascript // 创建Location对象 const location = { lat: 0, lng: 0, name: "", init: function (lat, lng, ...

    JavaScript中ument对象介绍[归类].pdf

    在JavaScript中，`document`对象是浏览器提供的一种全局对象，用于访问和操作HTML文档的各个部分。这个对象包含了丰富的属性、方法和事件，使得开发者能够动态地修改页面内容、与用户交互以及获取文档信息。以下是对...

Magicbox
Global site tag (gtag.js) - Google Analytics