问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

css 如何打印隐藏的局部html，而且页面内容不变更为要打印的内容

头像
Shanny
    48931150238

    可以使用window.print 打印，但页面内容会变化，但使用插件的打印，只能打印显示的html，隐藏的打印不了

    javascript
    阅读 8.1k
    4 个回答
    得票最新
    头像
    Xeira
      4.1k3717
      @media print {
    #something{
        display:block;
    }
}
      头像
      发帖要保护隐私hl
        352134865

        使用loddop插件，他里面有打印html的方法，把你需要打印的html内容用拼接字符串的方式赋值，并作为参数传入该方法中即可。

        头像
        clcaza
          301

          页面添加以下样式：

          @media print {
    .print{
        display:block;
    }
}

          在需要打印的会被你隐藏起来的元素应用此样式。

          媒体查询@media print里面的样式只会应用于打印，不会应用于显示页面。

          使用window.print可以参考这里

          头像
          独立观察员
            30664348

            局部打印（来源于网络）：

            function myPrint() {
    originHtml = window.document.body.innerHTML;
    startStr = "<!--startprint-->";
    endStr = "<!--endprint-->";
    printHtml = originHtml.substr(originHtml.indexOf(startStr) + 17);
    printHtml = printHtml.substring(0, printHtml.indexOf(endStr));
    window.document.body.innerHTML = "<body>" + printHtml + "</body>";
    window.print();           
}
            撰写回答
            你尚未登录，登录后可以
            • 和开发者交流问题的细节
            • 关注并接收问题和回答的更新提醒
            • 参与内容的编辑和改进，让解决方法与时俱进
            推荐问题