如何在新窗口打开pdf文件,并修改网页标题

一、使用iframe打开

复制代码
newWindow.document.title = "新页面标题";
const iframe = newWindow.document.createElement('aaa')
iframe.src = url; // 你想要加载的URL
iframe.width = '100%';
iframe.height = '100%';
newWindow.document.body.appendChild(iframe);

二、使用embed标签

复制代码
 const blob = new Blob([res.data], { type: 'application/pdf' })
 const url = URL.createObjectURL(blob)
 const newWindow = window.open('', '_blank')
 if (newWindow) {
      newWindow.document.write(`
          <html>
            <head>
              <title>考核比例参照表</title>
            </head>
            <body>
              <embed src="${url}" type="application/pdf" width="100%" height="100%">
            </body>
          </html>
        `)
  newWindow.document.close()
相关推荐
酒吧舞高材生3 分钟前
vue3 PC端-索引列表组件
前端·vue.js
咪饭只吃一小碗5 分钟前
从变量提升到 V8 预编译,彻底搞懂 JS 执行机制
javascript
农夫三拳有点疼=-=6 分钟前
vue3实现输入框标签和文本交互
javascript·vue.js·交互
2301_780789669 分钟前
多层级 CC 防护体系:前端验证与后端限流的协同配置实践
运维·服务器·前端·网络安全·智能路由器·状态模式
ZC跨境爬虫11 分钟前
跟着MDN学HTML_day_47:(Document接口)
前端·javascript·ui·html·ecmascript·音视频
sheeta199816 分钟前
vue_vuex笔记
javascript·vue.js·笔记
学习论之费曼学习法16 分钟前
ReAct框架深度解析:让Agent会思考再行动
前端·react.js·前端框架
前端 贾公子16 分钟前
从零开始:使用Node.js和Cheerio进行轻量级网页数据提取
前端·vue.js
阿星做前端18 分钟前
不想再给ai回复下一步了,于是我给agent装上了一个自动挡
前端·后端·程序员