JavaScript中的Location对象

最新推荐文章于 2024-01-04 10:23:27 发布

iteye_3352

最新推荐文章于 2024-01-04 10:23:27 发布

阅读量152

点赞数

分类专栏： <html>元素文章标签： javascript Location ViewUI

本文链接：https://blog.csdn.net/iteye_3352/article/details/82450805

版权

<html>元素专栏收录该内容

10 篇文章 0 订阅

订阅专栏

-

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

请看下面的例子

这是一个网页效果图：
[img]http://dl.iteye.com/upload/attachment/0078/3062/a269058e-d2c3-3b3e-9092-20342a25a305.png[/img]

对应的代码：


<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对象的作用的了解。

--

iteye_3352

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的Location对象

-在HTML中可以使用标签，实现网页的跳转。在JavaScript中，如果要实现类似的功能，则使用的是Location对象。请看下面的例子这是一个网页效果图：[img]http://dl.iteye.com/upload/attachment/0078/3062/a269058e-d2c3-3b3e-9092-20342a25a305.png[/img]对应...
复制链接

扫一扫

专栏目录