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

通过window.open打开新的页面并修改样式添加内容

 const img = new Image();

                        img.src = res;   //res是图片的路径地址

                        const newWin = window.open('', '_blank');

                        newWin.document.write(img.outerHTML);

                        // newWin.document.body.style.background = '#000';

                        newWin.document.body.style.textAlign = 'center';

                        newWin.document.body.onclick = function () {

                            const a = document.createElement('a');

                            const filename = 'waterMark.jpeg';

                            a.href = res;

                            a.download = filename;

                            document.body.appendChild(a);

                            a.click();

                            setTimeout(() => {

                                document.body.removeChild(a);

                            }, 1000);

                        };

                        newWin.document.title = '保存水印图片';

                        newWin.document.write('<div >手动下载图片</div>');

                        newWin.document.close();

相关文章:

通过window.open打开新的页面并修改样式添加内容

const img new Image(); img.src res; //res是图片的路径地址 const newWin window.open(, _blank); newWin.document.write(img.outerHTML); // newWin.document.body.style.background #000; newWin.document.body.style.textAlign center; newWin.document.body.oncl…...

Java中 Synchronized 的用法

《编程思想之多线程与多进程(1)——以操作系统的角度述说线程与进程》一文详细讲述了线程、进程的关系及在操作系统中的表现&#xff0c;这是多线程学习必须了解的基础。本文将接着讲一下Java线程同步中的一个重要的概念synchronized. synchronized是Java中的关键字&#xff0c…...

Rust语言的基本介绍

rust缘起和目标 rust的英文是锈菌&#xff0c;是一种真菌&#xff0c;这种真菌的生命力非常顽强&#xff0c;其 在生命周期内可以产生多达5种孢子类型&#xff0c;这5种生命形态还可以相互转 化。“Rust”也有“铁锈”的意思&#xff0c;暗合“裸金属”之意&#xff0c;代表了R…...

新冠小阳人症状记录

原想挺过春节后再养&#xff0c;发现事与愿违。生理期期间抵抗力下降&#xff0c;所以在生理期第二天就有些症状了。可能是生理期前一天出去采购食物染上&#xff0c;也可能是合租夫妻染上。anyway&#xff0c;记录下自己的症状与相应有效的偏方&#xff1a; 第一天&#xff1a…...

SQL零基础入门学习(十四)

上篇&#xff1a;SQL零基础入门学习&#xff08;十三&#xff09; SQL NULL 值 NULL 值代表遗漏的未知数据。 默认地&#xff0c;表的列可以存放 NULL 值。 如果表中的某个列是可选的&#xff0c;那么我们可以在不向该列添加值的情况下插入新记录或更新已有的记录。这意味着该…...

Excel工作表不能移动或复制?看看是不是这两个原因

Excel工作表不能移动或复制&#xff1f;今天来看看如何解决。 大家都知道&#xff0c;Excel表格分为工作簿和工作表&#xff0c;工作簿就是整个Excel文件&#xff1b;工作簿里面&#xff0c;也就是Excel表可以有多个工作表。 而各个工作表之间是可以相互移动或复制的&#xf…...

利用递归实现括号匹配

案例引入以下则是各个字符串经过括号处理之后的结果&#xff1a;12((21))(12-->12(21)1232((((2121)212(21)-->32(2121)212(21)ABDF((SA)SA)SA(SA)SA(((-->ABDF((SA)SA)SA(SA)SA算法思路&#xff1a;这个问题的解决方法就是将字符按顺序逐一加入到新的string容器store…...

14.线程数量怎么制定?

什么是CPU 密集型任务和耗时 IO 型任务 &#xff1f; CPU 密集型任务 CPU 密集型任务&#xff0c;比如加密、解密、压缩、计算等一系列需要大量耗费 CPU 资源的任务。 耗时 IO 型任务 数据库、文件的读写&#xff0c;网络通信等任务&#xff0c;这种任务的特点是并不会特别消耗…...

C++中STL标准模板库学习记录

文章目录&#xff1a;1.vector1.1 遍历方式1.2 构造函数1.3 容量大小问题1.4 插入和删除1.5 存取值1.6 交换两个vectot的元素1.7 预定义存储空间2.string3. deque4. stack4.1 常用函数5. queue5.1 特点5.2 方法6. list6.1 优点6.2 缺点6.3 构造函数6.4 交换6.5 大小6.6 插入和删…...

《数据库系统概论》学习笔记——第六章 关系数据理论

教材为数据库系统概论第五版&#xff08;王珊&#xff09; 这一章重点在于各种范式的概念和将低级范式转为高级范式。一定要看多值依赖和4NF&#xff08;因为这个概念很绕又烦&#xff0c;但是期中期末都考了&#xff09;。最后计算题就是一定要会&#xff1a;算闭包&#xff0…...

Odoo | Webserivce | 5分钟学会【JSONRPC】接口开发

文章目录Odoo - JsonRPC1. Odoo内方法结构&#xff08;接收端&#xff09;2. POST接口请求结构&#xff08;发送端&#xff09;3. 实例测试Odoo - JsonRPC 1. Odoo内方法结构&#xff08;接收端&#xff09; # -*- coding: utf-8 -*- import odoo import logging import trac…...

搜广推 NeuralCF - 改进协同过滤+矩阵分解的思想

😄 NeuralCF:2017新加坡国立大学提出。【后文简称NCF】 😄 PNN:2016年上海交通大学提出。 文章目录 NeuralCF动机原理general NCFNCF终极版(GMF+MLP的结合)缺点优点ReferenceNeuralCF 动机 前面学了MF,可知MF在用户-物品评分矩阵的基础上做矩阵分解(用户矩阵Q和物品…...

dbever连接kerberos认证的hive

文章目录一、本地安装kerberos客户端二、本地kerberos客户端登录三、dbever连接hive一、本地安装kerberos客户端 下载地址&#xff1a;https://web.mit.edu/kerberos/dist/index.html 安装&#xff1a;下一步或者自定义安装即可 安装后会自动生成配置文件&#xff1a;C:\Pro…...

pom依赖产生的各种问题

文章目录问题一(org.apache.ibatis.session.Configuration)解决方法问题二(ERROR StatusLogger No log4j2)解决方法问题三(com.google.common.util.concurrent)解决方法问题四(start bean documentationPluginsBootstrapper)解决方法问题五(Unable to infer base url. )解决办法…...

RPC编程:RPC框架设计目标

一&#xff1a;前导知识 Http是超文本传输协议&#xff0c;跨平台性非常好。Http可以传输文本&#xff0c;更多的时候传输的是文本&#xff0c;我们也是可以传输二进制的&#xff0c;我们基于Http进行下载的时候&#xff0c;就是走的Http协议。 Tcp协议&#xff0c;处理的时候…...

RBAC 权限模型介绍

RBAC 权限&#xff1a; 一、关系&#xff1a; 这基于角色的访问控制的结构就叫RBAC结构。 二、RBAC 重要对象&#xff1a; 用户&#xff08;Employee&#xff09;&#xff1a;角色施加的主体&#xff1b;用户通过拥有某个或多个角色以得到对应的权限。角色&#xff08;Role&…...

西电面向对象程序设计核心考点汇总(期末真题)

文章目录前言一、往年真题与答案1.1 改错题1.2 读程题1.3 面向对象程序设计二、易错知识点2.1 构造函数2.2 静态成员变量和静态成员函数2.3 权限2.4 继承2.5 多态总结前言 主要针对西安电子科技大学《面向对象程序设计》的核心考点进行汇总&#xff0c;包含总共8章的核心简答。…...

判断一个用字符串表达的数字是否可以被整除

一.问题引出 当一个数字很大的时候,我们常用字符串进行表达,(超过了int和long等数据类型可以存储的最大范围),但是这个时候我们该如何判断他是否可以被另一个数整除呢? 这个时候我们不妨这样来考虑问题,每次将前边求模之后的数保存下来,然后乘以10和这一位的数字进行相加的操…...

这是一款值得开发人员认真研究的软件,数据库优化,应用服务器安全优化...

1.查询数据库死锁相关信息2.查看数据库的链接情况3.当前实例上的所有用户4.创建数据库独立密码5.查看数据库使用的端口号6.当前数据库设置的最大连接数7.当前数据库最大的理论可连接数8.当前数据库实例的连接数9.当前数据库连接数10.当前数据库连接超时设置11.当前sqlserver 超…...

栈与队列小结

一、理论基础1.队列是先进先出&#xff0c;栈是先进后出2.栈和队列是STL&#xff08;C标准库&#xff09;里面的两个数据结构。栈提供push和pop等等接口&#xff0c;所有元素必须符合先进后出规则&#xff0c;所以栈不提供走访功能&#xff0c;也不提供迭代器。3.栈是以底层容器…...

JoyCon-Driver:让Switch控制器在Windows上重获新生的终极指南

JoyCon-Driver&#xff1a;让Switch控制器在Windows上重获新生的终极指南 【免费下载链接】JoyCon-Driver A vJoy feeder for the Nintendo Switch JoyCons and Pro Controller 项目地址: https://gitcode.com/gh_mirrors/jo/JoyCon-Driver 你是否曾经想过&#xff0c;那…...

Windows Defender Remover技术深度解析:Windows Defender彻底移除完整指南

Windows Defender Remover技术深度解析&#xff1a;Windows Defender彻底移除完整指南 【免费下载链接】windows-defender-remover A tool which is uses to remove Windows Defender in Windows 8.x, Windows 10 (every version) and Windows 11. 项目地址: https://gitcode…...

AI智能体记忆系统:从向量检索到图记忆的演进与实践指南

1. 项目概述&#xff1a;为什么我们需要一个“智能体记忆”资源库&#xff1f;如果你在过去两年里深度参与过AI智能体&#xff08;AI Agent&#xff09;的开发&#xff0c;或者仅仅是关注这个领域&#xff0c;你一定会对“记忆”这个词感到既熟悉又困惑。熟悉&#xff0c;是因为…...

别再只用Wireshark了!用Java+Jpcap手撸一个实时网络流量监控工具(附IDEA项目源码)

从零构建Java网络流量监控系统&#xff1a;超越Wireshark的轻量级解决方案 在当今分布式系统和微服务架构盛行的时代&#xff0c;对网络流量的实时监控已成为开发者必备的技能。虽然Wireshark等成熟工具提供了全面的功能&#xff0c;但对于需要深度定制或希望将网络监控能力集成…...

华为OD机试真题 新系统 2026-04-29 C++ 实现【操作历史管理器的撤销/重做能力】

目录 题目 思路 Code 题目 实现一个操作历史管理器,使用双向链表存储执行过的操作。支持执行新操作、撤销和重做功能。 功能说明: 执行操作(execute {操作描述}):执行新操作,并清除当前操作之后的所有历史记录 撤销(undo):回退到上一个操作状态(上一个操作状态可以…...

从状态机到可配置IP核:手把手教你用parameter玩转Verilog模块复用(附代码)

从状态机到可配置IP核&#xff1a;手把手教你用parameter玩转Verilog模块复用&#xff08;附代码&#xff09; 在数字电路设计中&#xff0c;模块复用是提升开发效率的关键策略。想象一下&#xff1a;当你完成一个精心设计的计数器模块后&#xff0c;下一个项目需要相同功能但不…...

别再只调光圈快门了!手把手教你理解手机拍照的3A核心(AE/AWB/AF)

手机摄影进阶指南&#xff1a;掌握3A技术拍出专业级照片 每次看到别人用手机拍出惊艳的照片&#xff0c;而自己的作品却总是差强人意&#xff1f;问题可能出在你对手机相机3A系统的理解上。AE&#xff08;自动曝光&#xff09;、AWB&#xff08;自动白平衡&#xff09;和AF&…...

OpenClaw 2.6.6 部署避坑与高效使用详解

OpenClaw 2.6.6 Windows 一站式部署教程&#xff5c;本地 AI 智能体搭建与使用全指南 OpenClaw&#xff08;小龙虾&#xff09;是一款能够在本地环境运行的 AI 智能操作工具&#xff0c;依托自然语言交互能力&#xff0c;可实现文件管理、办公自动化、浏览器操控、系统维护等多…...

4月openKylin多项进展:社区治理、技术突破、生态拓展全面开花!

1. 社区治理4月30日&#xff0c;2026年OpenAtom openKylin&#xff08;简称"openKylin"&#xff09;常务委员会4月会议在线上召开&#xff0c;麒麟软件、联想开天等常委单位代表参会&#xff0c;汇报当月工作进展&#xff0c;常委们还提出宝贵建议。4月16日&#xff…...

Class D放大器原理与高效音频设计实践

1. Class D放大器基础&#xff1a;从原理到优势解析Class D放大器作为现代音频系统的核心组件&#xff0c;其工作原理与传统线性放大器有着本质区别。我第一次拆解汽车音响功放时&#xff0c;就被Class D那小巧的散热片震惊了——同样的输出功率下&#xff0c;AB类放大器需要巴…...