js调用html打印,js调用页面打印功能后，由于替换了body.innerHTML,再点击就不能再打印了，如下图和代码...

问题

1.点击打印前，我要上下拉伸这个textarea的高度，

2.拉伸后，点击打印，如果取消，则返回到页面，并保持我拉伸后的textarea高度，现在取消后，不能再点击打印，调出打印预览了

3.不用sessionlocatorep,cookie这些

3.页面不管刷不刷新，实现效果就好，我下面的刷新是为了可以后续可以再点击

代码

Document

#box {

width: 300px;

height: 200px;

margin-top: 50px;

border: 1px solid #ff0000;

resize: vertical;

}

点击打印

我只要打印这个框

var oldContent = document.body.innerHTML;

var newContent = document.getElementById("box").innerHTML;

$("#btn2").click(function() {

document.body.innerHTML = newContent;

window.print();

// window.location.reload(); 页面刷新

document.body.innerHTML = oldContent;

})

vue

点击打印

我只要打印这个框

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;

}

}

}