window.location和window.open做链接的区别

最新推荐文章于 2020-11-26 16:16:36 发布

原创最新推荐文章于 2020-11-26 16:16:36 发布 · 802 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了如何使用JavaScript中的window.open和window.location方法实现页面在新窗口或当前窗口中打开的功能，并提供了一个简单的HTML示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用window.location和window.open做链接的区别

关键字：window.location window.open()
在给按钮、表格、单元格、下拉列表和DIV等做链接时一般都要用Javascript来完成，和做普通链接一样，可能我们需要让链接页面在当前窗口打开，也可能需要在新窗口打开，这时我们就可以使用下面两项之一来完成：

window.open 用来打开新窗口
window.location 用来替换当前页，也就是重新定位当前页

我们可以用以下来个实例来测试一下。

 <html>  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
    <title>引导页面</title>  
    </script>   
    </head>  
      
    <body>  
    <input type="button" value="新窗口打开" onclick="window.open('http://www.hao123.com')">   
    <input type="button" value="当前页打开" onclick="window.location='http://www.163.com'">   
    </body>  
    </html>