問題1.點(diǎn)擊打印前，我要上下拉伸這個(gè)textarea的高度，2.拉伸后，點(diǎn)擊打印，如果取消，則返回到頁(yè)面，并保持我拉伸后的textarea高度，現(xiàn)在取消后，不能再點(diǎn)擊打印，調(diào)出打印預(yù)覽了3.不用sessionlocatorep,cookie這些3.頁(yè)面不管刷不刷新，實(shí)現(xiàn)效果就好，我下面的刷新是為了可以后續(xù)可以再點(diǎn)擊代碼<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> #box { width: 300px; height: 200px; margin-top: 50px; border: 1px solid #ff0000; resize: vertical; } </style></head><body> <button id="btn2">點(diǎn)擊打印</button> <br> <textarea id="box">我只要打印這個(gè)框</textarea> <script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script> <script> var oldContent = document.body.innerHTML; var newContent = document.getElementById("box").innerHTML; $("#btn2").click(function() { document.body.innerHTML = newContent; window.print(); // window.location.reload(); 頁(yè)面刷新 document.body.innerHTML = oldContent; }) </script></body></html>vue<template> <div> <br> <button id="btn2" @click="aa">點(diǎn)擊打印</button> <br> <textarea id="box">我只要打印這個(gè)框</textarea> </div></template><script> export default { data() { return { } }, methods: { aa() { this.printFn() }, printFn() { var oldContent = document.body.innerHTML; document.body.innerHTML = document.getElementById("box").innerHTML; window.print(); document.body.innerHTML = oldContent; } } }</script>
js調(diào)用頁(yè)面打印功能后，由于替換了body.innerHTML,再點(diǎn)擊就不能再打印了，如下圖和代碼
森林海
2019-03-22 18:15:45