新手在这里,我希望嵌入的PDF以100%的宽度和97.5%的高度显示,但我想不出来

  <style>.size {
      width:100%;
      height:97.5%;
    }
  </style>
    <button type="button" id="show" onclick="PDFshow(this); classadd()" >PDF anzeigen</button>
    <div id="pdfsize"> 
    <script>
      function PDFshow(x) {
        x.style.visibility = 'hidden';      
        var x = document.createElement("EMBED");
        x.setAttribute("src", "Doku.pdf");
        document.body.appendChild(x); 
      }
    </script>
    </div>
  

    <script>
      function classadd() {
        var element = document.getElementById("pdfsize");
        element.classList.add("size");
      }
    </script>

推荐答案

我想出了一种方法,可以将大小放在一个单独的css文件中

对任何感兴趣的人来说:

    <button type="button" id="show" onclick="showPDF(this)" >PDF anzeigen</button>

<script>
  function showPDF(x) {
    x.style.display = "none";
    var x = document.createElement("EMBED");
    x.setAttribute("src", "Doku.pdf");
    x.classList.add("size");
    document.body.appendChild(x);
  }
</script>

Javascript相关问答推荐

Chromium会将URL与JS一起传递到V8吗?

cypress中e2e测试上的Click()事件在Switch Element Plus组件上使用时不起作用

如何控制Reaction路由加载器中的错误状态?

在Reaction中的handleSubmit按钮内,useSelector值仍然为空

NG/Express API路由处理程序停止工作

如何在.NET Core中将chtml文件链接到Java脚本文件?

在VS代码上一次设置多个变量格式

是否可以将Select()和Sample()与Mongoose结合使用?

在Odoo中如何以编程方式在POS中添加产品

Docent.cloneNode(TRUE)不克隆用户输入

图表4-堆叠线和条形图之间的填充区域

将相关数据组合到两个不同的数组中

Reaction useState和useLoaderData的组合使用引发无限循环错误

Pevent触发material 用户界面数据网格中的自动保存

Firefox的绝对定位没有达到预期效果

JavaScript -如何跳过某个字符(S)来打乱字符串中的字符

MUI-TABLE:MUI表组件中交替行的不同 colored颜色 不起作用

:host::ng-Deep不将样式应用于material 复选框

如何在Angular中运行没有哈希的项目

使用Java脚本的响应页面