`

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中的对象简介
评论
发表评论

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

相关推荐

    javascript操作BOM对象.docx

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

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

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

    JavaScript之浏览器对象

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

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

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

    JavaScript中的Location地址对象

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

    Javascript的document对象

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

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

    主要介绍了JavaScript编程中window的location与history对象,是JavaScript入门学习中的基础知识,需要的朋友可以参考下

    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中ument对象介绍[归类].pdf

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

    10JavaScript浏览器对象模型BOM.docx

    3. **Location对象**：Location对象反映了浏览器地址栏中的URL信息。我们可以使用`location.href`获取完整的URL，`location.pathname`获取路径名，以及`location.assign()`来加载新的页面。此外，`location.replace...

    JavaScript对象参考手册

    JavaScript对象是编程语言的核心组成部分，尤其在Web开发中扮演着至关重要的角色。对象可以视为一组相关的数据和功能的集合，通过键值对的形式存储数据，而这些数据可以通过对象的方法进行操作。JavaScript对象参考...

    JavaScript核心对象示例

    在JavaScript中，核心对象是语言的基础组成部分，提供了与环境交互的各种功能。本文将深入探讨JavaScript中的核心对象，特别是与`Window`、`Document`以及表格操作相关的知识。 首先，我们来了解`Window`对象。它是...

    javascript常用对象梳理

    熟练掌握window对象的status、location、name、self、opener属性的使用　Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，...

    JavaScript帮助文档(中文)

    - **BOM（浏览器对象模型）**：包括window对象、location对象、history对象、navigator对象等，以及与浏览器交互的方法，如打开新窗口、导航、定时器等。 - **事件处理**：事件监听器、事件冒泡和事件捕获的概念，...

    javascript 的document对象

    JavaScript 的 `document` 对象是浏览器环境中访问和操作HTML文档的主要接口。它包含了与当前页面相关的各种属性、方法和事件，使得JavaScript能够与用户界面进行交互。以下是对 `document` 对象及其相关属性和方法...

    javascript中的location用法简单介绍

    JavaScript 中的 location 对象是 Window 对象的一个属性，描述了与当前 Window 对象关联的完整 URL。location 对象的每个属性都描述了 URL 的不同特性。 Location 对象的属性 1. hash: 指定 URL 中的锚名称，包括...

    javascript面向对象编程教程.rar PDF

    - 对象和属性：JavaScript中的对象是一组键值对，可以通过点表示法或括号表示法访问属性。 - 对象创建：了解通过字面量语法和构造函数创建对象的方法。 - this关键字：理解this的上下文绑定，尤其是在方法和构造...

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