location对象-页面跳转-页面刷新 刷新页面

最新推荐文章于 2023-03-10 20:51:10 发布
最新推荐文章于 2023-03-10 20:51:10 发布
阅读量1.1k 收藏
点赞数
分类专栏： JavaScript笔记本 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <script>

    //对象中的属性和方法
    //location对象
    //console.log(window.location);

//    //地址栏上#及后面的内容
    console.log(window.location.hash);
//    //主机名及端口号
    console.log(window.location.host);
//    //主机名
    console.log(window.location.hostname);
//    //文件的路径---相对路径
    console.log(window.location.pathname);
//    //端口号
    console.log(window.location.port);
//    //协议
    console.log(window.location.protocol);
//    //搜索的内容
    console.log(window.location.search);

    onload=function () {
      document.getElementById("btn").onclick=function () {
        //设置跳转的页面的地址
       location.href="http://www.jd.com";//属性
       location.assign("http://www.jd.com");//方法
       location.reload();//重新加载--刷新
       location.replace("http://www.jd.com");//没有历史记录
      };
    };

  </script>
</head>
<body>
<input type="button" value="显示效果" id="btn"/>

</body>
</html>
四月四日梦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从零开始学前端 - 25. JS BOM之Location对象详解及实际应用
qq_39506551的博客
08-12 383
从零开始学前端 - 25. JS BOM之Location对象详解及实际应用 一、Location对象的属性 二、Location对象的方法 三、实际应用 Location 对象是 BOM 中相当重要的一个对象，包含了有关当前页面的所有与 URL 有关的内容。window.location 和 document.location 都是 Location 对象的引用。
JS实现页面跳转与刷新的方法汇总
12-07
[removed](.href)=”URL” ...上面两种方法都可以从当前页面跳转到目标页面 不同之处在于 [removed] 返回的是对象，如果没有.href，它会默认参数就是href winodw.location.assign(“URL”) 这个方法和上
小白入门之BOM笔记知识点详解
yzhlove_cs的博客
07-18 507
小白入门之DOM笔记知识点详解window对象窗口大小系统对话框location对象navigator对象浏览器的版本信息（了解）navigator.userAgentnavigator.appNamenavigator.appVersionnavigator.platformscreen对象窗口位置history对象小结 什么是DOM？ BOM（Browser Object Model）： 浏览器对象模型 其实就是操作浏览器的一些能力 我们可以操作哪些内容 1、获取一些浏览器的相关信息（窗口的大小） 2、
vue关于页面刷新的几个方式
X-77
02-26 6783
实现页面刷新的几种方法！
html页面中Location对象跳转页面用法
liaowenxiong的博客
08-08 930
姓名：<input name="name"/></br> 薪水：<input name="salary"/></br> 年龄：<input name="age"/></br> <input type="submit" value="确认"/></br> <!--点击下面的链接不会打开formDemo.html页面--> <a href="" onclick="location.href='fo
location对象详解
weixin_41886421的博客
03-10 1883
location对象详解
javascript跳转与返回和刷新页面的实例代码
10-15
要返回上一页并且刷新页面，可以结合使用 `document.referrer` 获取上一页的URL，然后设置 `window.location.href`。例如： ```html <a href="javascript:" onclick="self.location=document.referrer; self....
点击按钮或链接不跳转只刷新页面的脚本整理
09-04
这个方法是基于文档对象模型（DOM）的命令，可以执行刷新页面的操作，但请注意，这个方法在某些现代浏览器中已被废弃。 ```html 刷新" onclick="document.execCommand('Refresh')"> ``` 6. 使用`window....
vue通过路由实现页面刷新的方法
08-28
在某些情况下，我们需要在页面跳转时刷新页面，例如从订单页面返回到购物车页面时。我们可以使用 beforeRouteEnter 方法来实现页面刷新，例如： ```javascript beforeRouteEnter(to, from, next) { next(() => { ...
a链接刷新页面与js刷新页面用法示例介绍
12-13
- **应用场景**：当需要刷新页面且希望页面在服务器端重新生成，以避免IsPostback的问题，这时`location.replace()`比`location.reload()`更适合。例如： ```javascript location.replace(location.href); ``` ...
es6 原型继承
qq_44891434的博客
12-17 219
es6 原型继承 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
onLoad只能执行一次
废大叔的博客
04-28 4259
onLoad: function (options) { var _this = this var p = { date: _this.data.dateTime ? _this.data.dateTime : date[0].time, act_type: 23, pageSize: 100 } console.log(this.da...
onload、window.open、同源策略、history对象、location对象、navigator对象
weixin_47067248的博客
08-07 633
1.load window.onload 页面全部加载事件，包括CSS、页面图像都加载完才会触发该事件。 window.addEventListener(“DOMContentLoaded”,function(){}) 只要DOM树结构加载完就会触发，更快些。 2.window.open() / window.close() var windowObjectReference = window.open(strURL,[strWindowName], [strWindowFeatures]);
onload另一种方式
b11ght的专栏
06-28 577
我们可以在body的onload()事件里写一些方法用于当document加载完成后执行一些动作。还有另一种方式： 先注册方法： if(document.removeEventListener){  document.addEventListener("DOMContentLoaded",onload, true); } else if(document.detachEvent){
location.reload(); 刷新页面 javascript:void(0）禁止点击 read.onload=function ()等待函数完成执行 { $('#img-...
weixin_30940783的博客
03-18 354
location.reload(); 刷新页面 javascript:void(0）禁止点击 javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式，但不让链接执行实际操作， <a href="javascript：void(0)" onClick="wind...
js中的location与浏览器滚动
weixin_53125449的博客
01-09 288
location 首先我们需要了解网址的含义。 例： https://baike.baidu.com/item/%E9%A9%AC%E4%BF%9D%E5%9B%BD/50106525 ?fr=aladdin#2_1 http https 传输协议 baike.baidu.com 域名 fr=aladdin 查询字符 #2_1 hash（锚点定位） location对象： 里面存储了和网页地址所有内容有关的信息。 属
javascript 中的location.pathname
okkeqin的专栏
03-11 2583
location.pathname： 返回URL的域名（域名IP）后的部分。 例如 http://www.example.com/wordpress/返回/wordpress/， 又或则 http://127.0.0.1/index.html 返回/index.html， 注意是带url的域名或域名IP 在磁盘上随便建个Html文件进行location.pathname测试，如浏览
router-link 跳转页面刷新
最新发布
08-21
如果你希望在点击 router-link 进行页面跳转时刷新页面，可以尝试以下方法： 1. 使用 key 属性：给 router-view 组件添加一个唯一的 key 值，当路由切换时，key 值发生变化，会触发组件的重新渲染，从而达到刷新...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值