Blog
首页
文档
收藏
关于
  • 在线转换时间戳 (opens new window)
  • 在线压缩图片 (opens new window)
  • Float-Double转二进制 (opens new window)
  • 文件转Hex字符串 (opens new window)

HiuZing

🍑
首页
文档
收藏
关于
  • 在线转换时间戳 (opens new window)
  • 在线压缩图片 (opens new window)
  • Float-Double转二进制 (opens new window)
  • 文件转Hex字符串 (opens new window)
  • 前端面试题

  • JavaScript

    • JavaScript语法

    • JavaScipt对象

    • JavaScript实例

    • JavaScript浏览器BOM

      • JavaScript-页面跳转
        • BOM概述
        • this指向
        • JS执行机制
        • location对象
        • navigator对象
        • history对象
        • PC端网页特效
        • Web API
      • JavaScript DOM

    • Vue2

    • port

    • CSS

    • Node.js

    • JavaScript优化

    • uniapp

    • Mini Program

    • TypeScript

    • 面向对象编程

    • UI组件

    • Plugin

    • Vue3

    • 性能优化

    • Axios

    • 状态管理

    • React

    • Mock

    • Icon

    • Template

    • 构建工具

    • 项目规范配置

    • Taro

    • SVG

    • React Native

    • 前端
    • JavaScript
    • JavaScript浏览器BOM
    HiuZing
    2022-10-08
    目录

    JavaScript-页面跳转

    # window.location.href 与 window.open()

    区别一 window.location是window对象的属性 window.open()是window对象的方法

    区别二 window.location.href是用新的域名替换当前页, 也就是重新定位当前页 window.open()是用来打开一个新窗口的函数!

    区别三 window.open()可能会被浏览器拦截(浏览器会一些安全设置window.open肯定被屏蔽。例如避免弹出广告窗口。) window.location.href不会被窗口拦截

    window.open('http://www.google.com')
    window.location='http://www.google.com/'
    
    1
    2

    # location.href常见的几种形式

    self.location.href;//当前页面打开URL页面
    
    window.location.href;//当前页面打开URL页面
    
    this``.location.href;//当前页面打开URL页面
    
    location.href;// 当前页面打开URL页面
    
    parent.location.href;//在父页面打开新页面
    
    top.location.href;//在顶层页面打开新页面    
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11

    # window.location.href 和 document.location.href的区别

    window.location.href 和document.location.href都可以对当前窗口进行重定向。 (尽管 Document.location 是一个只读的 Location 对象,但是也能够赋给它一个 DOMString) 当服务器未发生重定向时, 两者是相同的。 但是当服务器发生了重定向,就不一样了:

    document.location包含的是已经装载的URL window.location.href包含的则是原始请求的文档的URL

    上次更新: 2024/08/14, 04:14:33
    JavaScript-防抖节流
    BOM概述

    ← JavaScript-防抖节流 BOM概述→

    最近更新
    01
    React Native 使用SVG
    08-13
    02
    Docker基础命令
    08-04
    03
    算数逻辑单元
    07-30
    更多文章>
    Theme by Vdoing | Copyright © 2021-2024 WeiXiaojing | 友情链接
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式