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

js 打开页面的方法总结

news 2026/4/1 13:22:17

文章目录

    • 前言
    • 1.window.open
    • 2.location.href / window.location.href
    • 3.location.replace
    • 4.a标签跳转

前言

本文总结 JS 打开新页面/窗口的方法

1.window.open

打开一个新的浏览器页面或者标签页,可以设置新页面的参数

window.open(url,name,specs,replace)
  1. 参数1:url
    a. 必须的参数,新页面的地址
  2. 参数2:name
    a. 新窗口的名称
  3. 参数3:specs
    a. 新页面的参数,可以设置大小,位置,工具栏
  4. 参数4:replace:Boolean
    a. true:替换当前页面
    b. false:在当前页面的基础上新页面打开
  5. 参数5:opener
    a. 表示调用window.open的窗口对象,这个窗口可以通过window.opener引用调用它的窗口对象

2.location.href / window.location.href

将当前页面的地址修改新页面的地址,但是无法设置新的页面参数

location.href = url
window.location.href = url
  1. location.href 是从location对象获取的属性,范围是在当前的窗口或者标签页内
  2. window.location.href 是通过window对象获取location对象的属性,它的范围是整个窗口
    在函数内使用location.href,可能不会作用于全局窗口,window.location.href则始终指向全局窗口

3.location.replace

location.replace和location.href方法类似
location.replace使用时会替换到当前浏览器的窗口,新的页面会替换掉当前页面在历史记录中的位置,而不会在历史记录中创建一个新的条目,不会退后到前一个页面

location.replace(url)

4.a标签跳转

a标签的target属性可以设置链接的打开方式

<a href="window.baidu.com" target="_blank">百度</a>

a标签属性

  1. target 属性
    a. target=“_blank”:在新窗口打开
    b. target=“_parent”:在父窗口打开链接
    c. target=“_self”:默认:在当前页面跳转
    d. target=“_top”:在当前窗口打开链接,并且替换当前的整个窗体(框架页)
  2. download 属性
    a. download属性用于指定链接的下载行为。当download属性存在时，用户点击链接时将下载指定的文件，而不是被导航到链接的URL。
    b. download属性只适用于链接到同源的服务器上的文件,如果链接到其他源的资源,浏览器可以能会阻止下载
<a href="example.text" download>下载</a>

相关文章：

js 打开页面的方法总结

文章目录 前言1.window.open2.location.href / window.location.href3.location.replace4.a标签跳转 前言 本文总结 JS 打开新页面/窗口的方法 1.window.open 打开一个新的浏览器页面或者标签页,可以设置新页面的参数 window.open(url,name,specs,replace)参数1:url a. 必须…...

编程日记 2023/11/21 2:59:26

element UI表格中设置文字提示（tooltip）或弹出框（popover）时候注意的地方

在表格中自定义内容的时候需要使用标签&#xff0c;否则无法正常显示 文档中有两种写法&#xff1a;1、使用 slot“reference” 的具名插槽&#xff0c;2、使用自定义指令v-popover指向 Popover 的索引ref。 使用tooltip 时用具名 slot 分发content&#xff0c;替代tooltip中…...

编程日记 2023/11/21 2:58:25

【网络】OSI模型 与 TCP/IP模型 对比

一、OSI模型 OSI模型包含7个层次&#xff0c;从下到上分别是&#xff1a; 1. 物理层&#xff08;Physical Layer&#xff09; - 功能&#xff1a;处理与电子设备物理接口相关的细节&#xff08;如电压、引脚布局、同步&#xff0c;等等&#xff09;。 - 协议&#xff1a;以…...

编程日记 2023/11/21 2:57:23

[Docker]记一次使用jenkins将镜像文件推送到Harbor遇到的问题

系统版本&#xff1a; Ubuntu 18.01 私服&#xff1a; Harbor Docker版本&#xff1a; Docker version 18.09.5 首先需要明确的是&#xff0c;即在harbor里项目设置为公开&#xff0c;但是在push的时候还是需要用户验证的&#xff0c;即需要使用docker登录 docker login harbo…...

编程日记 2023/11/21 2:56:22

龙芯 Loongson 架构 UOS 系统编译 Qt 5.15.2 源码

背景 需要在龙芯&#xff08;Loongson&#xff09;CPU&#xff0c;UOS 系统下&#xff0c;进行国产化项目适配&#xff0c;UOS 自带 Qt 5.11&#xff0c;但是版本过老&#xff0c;与目前基于 Qt 5.15.2 项目存在不兼容情况&#xff0c;故需要自行编译 Qt 5.15.2开发环境。 软…...

编程日记 2023/11/21 2:55:21

【IDEA 使用easyAPI、easyYapi、Apifox helper等插件时，导出接口文档缺少代码字段注释的相关内容、校验规则的解决方法】

问题 IDEA 使用easyAPI、easyYapi、Apifox helper等插件时&#xff0c;导出的接口文档上面&#xff0c;缺少我们代码里的注解字段&#xff0c;如我们规定了NOTNULL、字段描述等。 问题链接&#xff0c;几个月之前碰到过&#xff0c;并提问了&#xff0c;到现在解决&#xff0c…...

编程日记 2023/11/21 2:54:20

asp.net在线考试系统+sqlserver数据库

asp.net在线考试系统sqlserver数据库主要技术&#xff1a; 基于asp.net架构和sql server数据库 功能模块&#xff1a; 首页 登陆 用户角色 管理员&#xff08;对老师和学生用户的增删改查&#xff09;&#xff0c;老师&#xff08;题库管理 选择题添加 选择题查询 判断题添加…...

编程日记 2023/11/21 2:51:14

CRM按行业细分的重要性

很多企业和销售会诟病CRM系统不够贴合行业、功能也不够细分和实用。因为各行各业的业务千差万别&#xff0c;所以功能完备、使用满意度高的CRM一定是与不同行业业务场景高度匹配的&#xff0c;是深度行业化的。因此行业化是CRM发展的重要趋势之一&#xff0c;为什么CRM一定要走…...

编程日记 2023/11/21 2:50:11

自动化测试测试框架封装改造

PO模式自动化测试用例 PO设计模式是自动化测试中最佳的设计模式&#xff0c;主要体现在对界面交互细节的封装&#xff0c;在实际测试中只关注业务流程就可以了。 相较于传统的设计&#xff0c;在新增测试用例后PO模式有如下优点&#xff1a; 1、易读性强 2、可扩展性好 3、…...

编程日记 2023/11/21 2:49:11

C#可空类型

在C#中&#xff0c;可空类型&#xff08;Nullable types&#xff09;允许值类型&#xff08;比如int, double, bool等&#xff09;接受null值。这是特别有用的&#xff0c;因为在很多应用程序中&#xff0c;如数据库交互和数据解析&#xff0c;值类型的字段可能需要表示没有值&…...

编程日记 2023/11/21 2:48:09

R语言：利用biomod2进行生态位建模

在这里主要是分享一个不错的代码&#xff0c;喜欢的可以慢慢研究。我看了一遍&#xff0c;觉得里面有很多有意思的东西&#xff0c;供大家学习和参考。 利用PCA轴总结的70个环境变量&#xff0c;利用biomod2进行生态位建模&#xff1a; #------------------------------------…...

编程日记 2023/11/21 2:47:08

如何学习算法

在不知其所以然的情况下&#xff0c;算法只是一堆离散的机械步骤&#xff0c;缺少背后的思想的支撑&#xff0c; 这些步骤之间就没有一个本质层面上的关联&#xff08;先知亚里士多德早就指出&#xff1a;学习即联接&#xff09;。 所以就跟背历史书也没多大区别。然而&#xf…...

编程日记 2023/11/21 2:43:04

MFC/QT 一些快要遗忘的细节：

1&#xff1a;企业应用中&#xff0c;MFC平台除了用常见的对话框模式还有一种常用的就是单文档模式&#xff0c; 维护别人的代码&#xff0c;不容易区分,其实找与程序同名的cpp就知道了&#xff0c;比如项目名称为 DoCMFCDemo&#xff0c;那么就看BOOL CDocMFCDemoApp::InitI…...

编程日记 2023/11/21 2:38:59

常见的面试算法题：阶乘、回文、斐波那契数列

1.阶乘算法 Factorial 例如&#xff1a;给出数字5&#xff0c;对其以下的的每个数字相乘&#xff0c;结果等于120 解&#xff1a;递归 Recursive function factorial(n) {// 如果n为0或1&#xff0c;阶乘是1if (n 0 || n 1) {return 1;}// 否则&#xff0c;返回n乘以n-1的…...

编程日记 2023/11/21 2:37:56

微服务 Spring Cloud 7，Nacos配置中心的Pull原理，附源码

目录 一、本地配置二、配置中心1、以Nacos为例&#xff1a;2、Pull模式3、也可以通过Nacos实现注册中心 三、配置中心提供了哪些功能四、如何操作配置中心1、配置注册2、配置反注册3、配置查看4、配置变更订阅 五、主流的微服务注册中心有哪些&#xff0c;如何选择&#xff1f;…...

编程日记 2023/11/21 2:36:55

c#Nettonsoft.net库常用的方法json序列化反序列化

Newtonsoft.Json 是一个流行的 JSON 操作库&#xff0c;用于在 .NET 应用程序中序列化、反序列化和操作 JSON 数据。下面是 Newtonsoft.Json 常用的一些方法&#xff1a; 序列化对象为 JSON 字符串&#xff1a; string json JsonConvert.SerializeObject(obj);var obj new {…...

编程日记 2023/11/21 2:35:52

力扣刷题-二叉树-二叉树的高度与深度

二叉树最大深度 给定一个二叉树 root &#xff0c;返回其最大深度。 二叉树的 最大深度 是指从根节点到最远叶子节点的最长路径上的节点数。 示例 1&#xff1a; 输入&#xff1a;root [3,9,20,null,null,15,7] 输出&#xff1a;3 递归法 本题可以使用前序&#xff08;中左…...

编程日记 2023/11/21 2:34:51

Vue3新增加的css语法糖

一、deep <template><div class""><el-input /> </div> </template> <style scoped> /* 样式穿透 */ :deep input {background: red; } </style> 二、slotted 子组件修改插槽里面的样式 <template><div clas…...

编程日记 2023/11/21 2:33:50

Windows安装Vmware 虚拟机

目录 一、Vmware 虚拟机介绍 二、Vmware 虚拟机的三种网络模式 2.1桥接模式 2.2仅主机模式 2.3NAT 网络地址转换模式 三、Vmware 虚拟机的安装 一、Vmware 虚拟机介绍 VMware Workstation Pro 是一款可以在个人电脑的操作系统上创建一个完全与主机操作系统隔离的 虚拟机&…...

编程日记 2023/11/21 2:31:46

uniapp地图手动控制地图scale

前言 首次使用uniapp开发地图过程中&#xff0c;发现uniapp地图居然没有提供手动控制地图scale的方法&#xff0c;这个也着实没有想到&#xff0c;查了半天资料&#xff0c;也终于找到一个方法能够比较好的控制scale&#xff0c;做个记录。 代码 要定义一个地图map&#xff…...

编程日记 2023/11/21 2:30:44

Adobe软件非正版弹窗终极解决方案：PS/Ai/PR/AE禁用提示一键清除指南

1. Adobe弹窗问题的根源分析 最近不少朋友打开Photoshop、Illustrator这些Adobe软件时&#xff0c;突然跳出一个烦人的提示框&#xff1a;"Your non-genuine Adobe app will be disabled soon"。这个警告不仅影响使用体验&#xff0c;严重时还会导致软件直接罢工。作…...

编程新知 2026/4/1 10:04:33

Win10/Win11磁盘合并全攻略：第三方工具 vs 系统自带功能实测对比

Win10/Win11磁盘合并全攻略&#xff1a;第三方工具 vs 系统自带功能深度解析 当你的电脑硬盘空间告急时&#xff0c;合并磁盘分区可能是最直接的解决方案之一。不同于简单的删除文件或清理垃圾&#xff0c;磁盘合并能从根本上重组存储空间&#xff0c;让系统运行更加流畅。本文…...

编程新知 2026/4/1 9:23:47

猫抓插件深度解析：浏览器资源嗅探的终极实战指南

猫抓插件深度解析&#xff1a;浏览器资源嗅探的终极实战指南 【免费下载链接】cat-catch 猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension 项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch 猫抓插件是一款功能强大的开源浏览器扩…...

编程新知 2026/4/1 8:40:55

G-Helper终极指南：如何用轻量级工具优化华硕笔记本性能与电池健康

G-Helper终极指南&#xff1a;如何用轻量级工具优化华硕笔记本性能与电池健康 【免费下载链接】g-helper Lightweight, open-source control tool for ASUS laptops and ROG Ally. Manage performance modes, fans, GPU, battery, and RGB lighting across Zephyrus, Flow, TUF…...

编程新知 2026/4/1 8:08:06

快速上手语音情感分析：Emotion2Vec+系统参数配置与结果解读

快速上手语音情感分析&#xff1a;Emotion2Vec系统参数配置与结果解读 1. 系统概述与核心价值 Emotion2Vec Large语音情感识别系统是一款基于深度学习的语音分析工具&#xff0c;能够自动识别语音中蕴含的情感状态。该系统由科哥团队基于阿里达摩院ModelScope平台的原始模型进…...

编程新知 2026/4/1 8:00:03

EasyAnimateV5-7b-zh-InP效果对比：不同Sampling Method（Flow/Euler）画质差异

EasyAnimateV5-7b-zh-InP效果对比&#xff1a;不同Sampling Method&#xff08;Flow/Euler&#xff09;画质差异 你是不是也遇到过这样的困惑&#xff1a;用同一个图生视频模型&#xff0c;同样的图片和提示词&#xff0c;只是换了个采样方法&#xff0c;出来的视频效果就天差…...

编程新知 2026/4/1 7:35:27

【数据结构】数组与特殊矩阵

数据结构的学习中&#xff0c;数组与特殊矩阵是基础且核心的内容。它们不仅是程序设计中最常用的线性结构&#xff0c;更是处理复杂矩阵运算的基础。本文将结合解析与真题&#xff0c;带你彻底搞懂数组的存储方式和特殊矩阵的压缩存储技巧。一、一维数组与二维数组&#xff1a;…...

编程新知 2026/4/1 5:59:20

OffscreenCanvas黑科技：让你的网页动画性能提升300%的配置指南

OffscreenCanvas黑科技&#xff1a;让你的网页动画性能提升300%的配置指南 当网页动画开始卡顿&#xff0c;用户的体验就会直线下降。传统Canvas渲染在主线程执行&#xff0c;复杂的图形运算很容易阻塞UI响应。OffscreenCanvas的出现彻底改变了这一局面——它允许你将绘制逻辑转…...

编程新知 2026/4/1 5:51:09

Cursor Composer 2 技术报告拆解：MoE 预训练、RL 环境设计与 CursorBench 基准的工程实践

在生产级代码仓库里&#xff0c;一个 AI Agent 面对的往往不是“实现某个功能”这样清晰的任务&#xff0c;而是“新特性上线后出现诡异 bug&#xff0c;日志里只有 954 个 JSON 响应&#xff0c;栈踪迹完全不可靠”。它必须自己跨文件定位、写启发式检测器、调参避免误报&…...

编程新知 2026/4/1 5:31:00

Arduino_Threads：Mbed OS平台的嵌入式多线程实践框架

1. Arduino_Threads 库深度解析&#xff1a;面向 Mbed OS 的嵌入式多线程实践框架1.1 库定位与工程价值Arduino_Threads 是 Arduino 官方为基于 Mbed OS 核心的 Arduino 开发板&#xff08;如 Nano RP2040 Connect、Portenta H7、Nicla Sense ME 等&#xff09;设计的轻量级多线…...

编程新知 2026/4/1 4:23:55