location对象改变浏览器位置

最新推荐文章于 2025-03-05 13:50:45 发布

转载最新推荐文章于 2025-03-05 13:50:45 发布 · 734 阅读

JavaScript实用笔记专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了JavaScript中location对象的使用方法，包括如何通过location对象的不同属性（如href、hash、search、hostname、pathname和port等）来修改当前页面的URL，以及如何使用assign和replace方法实现页面跳转和刷新。

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

//location对象改变浏览器位置
    location.assign("http://www.baidu.com");
//assign()方法与window.location location.href效果相同
    window.location="http://www.baidu.com";
    location.href = "http://www.baidu.com";//最常用的
//修改location对象的其他属性可以改变当前加载的页面
 //假设URL为http://www.wrox.com/wileyCDA/
 //将URL修改为http://www.wrox.com/wileyCDA/#section1
 location.hash ="#section1";
 //将URL修改为http://www.wrox.com/wileyCDA/?q=javascript
 location.search = "?q=javascript";
 //将URL修改为http://www.baidu.com/wileyCDA/
 location.hostname ="www.baidu.com";
 //将URL修改为http://www.baidu.com/mydir/
location.pathname = "mydir";
//将URL修改为http://www.wrox.com:8080/wileyCDA/
location.port = 8080;
//hash属性除外，页面都会以新URL重新加载;以上浏览器会生成一条新纪录
//使用replace不会产生记录
location.replace("http://www.baidu.com");
//重新加载当前显示页面
location.reload();//重新加载有可能从缓存加载
location.reload(true);//从服务器加载