如何在新窗口打开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()
相关推荐
小粉粉hhh6 小时前
Node.js(五)——编写接口
前端·javascript·node.js
大意的百合6 小时前
Electron 应用如何上架微软商店:从 MSIX 打包到商店提交
javascript·microsoft·electron
进击切图仔6 小时前
SAM3 微调标注流水线和 Label Studio
java·服务器·前端
Lucky_Turtle6 小时前
【论文写作】PDF图片不清晰,打印生成PDF空白大,PDF字体嵌入
开发语言·pdf·c#
自然 醒6 小时前
前端如何实现在线预览office常见文件功能?
前端·vue.js
工具派7 小时前
写技术文档时,我把Markdown编辑和PDF导出都搬到了浏览器
pdf
肉肉不吃 肉7 小时前
前端调试跨域如何解决
前端·vue.js
Liora_Yvonne7 小时前
为什么你写了3年前端还是搭不好一个项目
前端·架构
snow@li7 小时前
Java:后端项目会有一个类似前端node_modules的目录吗 / jar包在本地仓库 ~/.m2/repository 中按版本共存
java·开发语言·前端
weedsfly7 小时前
单例模式在前端中的正确打开方式
前端·javascript·面试