如何在新窗口打开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()
相关推荐
武汉万象奥科12 分钟前
Linux文件系统的安全保障---Overlayroot!
java·服务器·前端
soragui14 分钟前
【React】如何高效使用条件渲染
前端·javascript·react.js
大雄野比15 分钟前
React中的 ref 及原理浅析
前端·javascript·react.js
迷雾漫步者15 分钟前
React使用Redux
前端·react.js·前端框架
一只小阿乐18 分钟前
Taro+react 开发第一节创建 带有redux状态管理的项目
前端·react.js·taro
练习两年半的工程师18 分钟前
创建一个简单的react router demo
前端·react.js·前端框架
树不懒1 小时前
【js引擎】quickjs 中的两个 proto
开发语言·javascript·原型模式
GISer_Jing1 小时前
从0开始分享一个React项目(二):React-ant-admin
前端·react.js·前端框架
明月看潮生1 小时前
青少年编程与数学 02-006 前端开发框架VUE 12课题、表单绑定
前端·javascript·vue.js·青少年编程·编程与数学
zlting~1 小时前
【VUE+ElementUI】通过接口下载blob流文件设置全局Loading加载进度
前端·vue.js·elementui