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

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.dtcms.com/a/154806.html

相关文章:

  • 中国矿业大学iGMAS分析中心介绍
  • 天机学堂day10作业,完善兑换优惠券功能
  • HashMap底层原理 什么是哈希表?哈希冲突?如何处理哈希冲突?
  • 联合体和枚举类型
  • Python 虚拟环境管理:venv 与 conda 的选择与配置
  • 关于STM32f1新建工程
  • 云原生--核心组件-容器篇-1-Docker和云原生关系(Docker是云原生的基石)
  • LVGL移植高通矢量字库GT5SLAD3BFA
  • 前端开发实用技巧:封装通用下载导出文件或图片方法
  • AXOP34062: 40V双通道运算放大器
  • OpenCV中的SIFT特征提取
  • 特斯拉宣布启动自动驾驶网约车测试,无人出租车服务进入最后准备阶段
  • JAVA---面向对象(下)
  • Base64编码原理:二进制数据与文本的转换技术
  • Pandas 数据导出:如何将 DataFrame 追加到 Excel 的不同工作表
  • 大数据开发环境的安装,配置(Hadoop)
  • 【MySQL数据库入门到精通-07 函数-字符串函数、数值函数、日期函数和流程函数】
  • Freertos--统计所有任务栈信息以及CPU占比和钩子函数
  • 声音分离人声和配乐base,vocals,drums -从头设计数字生命第6课, demucs——仙盟创梦IDE
  • txtai:全能AI框架
  • 【Unity 与c++通信】Unity与c++通信注意事项,参数传递
  • Zeppelin在spark环境导出dataframe
  • pandas读取MySQL中的数据
  • Swift中Class和Struct的深度对比分析
  • 【C++基础知识】折叠表达式详解--结合上一篇
  • Qt ModbusSlave多线程实践总结
  • 基于STM32、HAL库的MCP3421A0T模数转换器ADC驱动程序设计
  • Axure全局变量的含义与基础应用
  • 百度搜索AI开放计划:助力开发者通过MCP Server连接用户和应用
  • Spring Cloud Gateway 如何将请求分发到各个服务