如何在新窗口打开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()
相关推荐
ThridTianFuStreet小貂蝉21 分钟前
面试题4:讲一讲HTML5、CSS3新特性
前端·css3·html5
慕斯fuafua37 分钟前
CSS——浮动
前端·css
gCode Teacher 格码致知1 小时前
Javascript提高:小数精度和随机数-由Deepseek产生
开发语言·javascript·ecmascript
比特森林探险记2 小时前
【无标题】
java·前端
IT_陈寒2 小时前
SpringBoot自动配置把我都整不会了
前端·人工智能·后端
最逗前端小白鼠3 小时前
vue3 数据响应式遇到的问题
前端·vue.js
倚栏听风雨3 小时前
ts中 ?? 和 || 区别
前端
冴羽4 小时前
请愿书:Node.js 核心代码不应该包含 AI 代码!
前端·javascript·node.js
我家猫叫佩奇4 小时前
一款灵感源自《集合啦!动物森友会》的 UI 组件库
前端
mmmmm123424 小时前
深入 DOM 查询底层:HTMLCollection 动态原理与 querySelectorAll 静态快照解析
前端·javascript