当前位置: 首页 > web >正文

window.location.href的用法

一、前言


window.location.href 是一个用于获取当前页面 URL 或让浏览器跳转到新 URL 的重要方法,是 window.location 对象的属性。它返回一个字符串,表示当前页面的 URL;同时,当通过将 URL 指定给 window.location.href 时,可以让浏览器跳转到新的 URL。

二、常见用例


self.location.href="/url" 当前页面打开URL页面
location.href="/url :当前页面打开URL页面
window.location.href="/url" :当前页面打开URL页面,前面三个用法相同。
this.location.href="/url" :当前页面打开URL页面
parent.location.href="/url" :在父页面打开新页面
top.location.href="/url" :在顶层页面打开新页面
如果页面中自定义了 frame,那么可将parent self top换为自定义frame的名称,效果是在frame窗口打开url地址
window.location.href=window.location.href;和window.location.Reload() : 刷新当前页面。

区别在于是否有提交数据。
当有提交数据时,window.location.Reload()会提示是否提交,window.location.href=window.location.href;则是向指定的url提交数据

  • 如果要关闭当前窗口,并且在新窗口打开某一链接
    var a = document.createElement('a')a.setAttribute('href', href)a.setAttribute('target', '_blank')a.setAttribute('id', 'startTelMedicine')a.onclick = function () {//关闭窗口的方法window.opener = nullwindow.open('', '_self', '')window.close()}// 防止反复添加if (document.getElementById('startTelMedicine')) {document.body.removeChild(document.getElementById('startTelMedicine'))}document.body.appendChild(a)a.click()
    

  • 如果无法关闭当前弹框 说明可能有父节点,可以试试:window.parent.close();

http://www.xdnf.cn/news/2079.html

相关文章:

  • 基于 Netmiko 的网络设备自动化操作
  • 《逐梦九天:中国航天编年史》
  • QT文本框(QTextEdit)设置内容只可复制粘贴
  • C++:继承机制详解
  • Cursor 配置 MCP Tool
  • 写在后面的话
  • yolo常用操作(长话短说)热力图,特征图,结构图,训练,测试,预测
  • 打开Qt应用程序以控制台
  • Linux基础篇、第四章_02磁盘及分区管理fdisk 和 gdisk
  • 厚铜PCB打样全流程解析:从文件审核到可靠性测试的关键步骤
  • Python的库
  • Hbase集群管理与实践
  • C语言——字串处理
  • 什么是快应用
  • STM32 I2C总线通信协议
  • 遥感金融风险监管:技术革新与实践探索
  • Java—— 常见API介绍 第五期
  • cursor 提示词和规则
  • 基于SpringBoot+Vue实现停车场管理系统
  • sync.Cond条件变量:使用场景与范例
  • Centos 7 ssh连接速度慢(耗时秒+)
  • LWIP中两种重要的数据结构pbuf和pcb详细介绍
  • 【大模型学习】Qwen-2.5-VL制作gradio前端demo页面
  • (九)深入了解AVFoundation-采集:拍照 摄像头切换、拍照参数和照片数据EXIF 信息
  • Pandas 数据处理:长格式到宽格式的全面指南
  • 文章记单词 | 第41篇(六级)
  • Vue3文件上传组件实战:打造高效的Element Plus上传解决方案,可以对文件进行删除,查看,下载功能。
  • 代码随想录算法训练营第五十八天 | 1.拓扑排序精讲 2.dijkstra(朴素版)精讲 卡码网117.网站构建 卡码网47.参加科学大会
  • 【基于Qt的QQ音乐播放器开发实战:从0到1打造全功能音乐播放应用】
  • 银行卡归属地查询的快速入门:API接口性能与安全兼备的高效实现