js将网页导出成pdf（js 打印指定div内容）2020-09-02

JavaScript05

js将网页导出成pdf（js 打印指定div内容）2020-09-02,第1张

<input type="button"  id="button" value="点击打印"/>

<div id="div_print">

<p>打印此处内容</p>

</div>

<script type="text/javascript">

function printdiv(printpage){

  var newstr=document.getElementById(printpage).innerHTML

  var oldstr=document.body.innerHTML

  document.body.innerHTML=newstr

  window.print()

  document.body.innerHTML=oldstr

  return false

}

window.onload=function(){

  var bt=document.getElementById("button")

  bt.onclick=function(){printdiv('div_print')}

}

</script>

html, body{

 overflow:visible  

}

打印时另存为pdf模式打印后的内容可复制 默认为Microsoft Print to PDF 模式

文本框内容显示在指定地方：就是一个dom内容转移的操作，使用Jquery获取原生js都很好实现，配合具体js事件实现。具体操作如下： //假定文本框的id='mytext',指定显示区域的id='show' //div/span/p等节点，不是文本元素function fun(){ getEle('s...

楼主你好，这个有两个简单方法可以实现。

1：如果你把<script>标签放到<head>部分里。那么必须要加载方法。如

<!DOCTYPE html>

<html>

<head>

<script>

window.onload=function(){

document.getElementById("showlast").innerHTML="123"

}

</script>

</head>

<body>

<div id="showlast"></div>

<p>

这个如果不用加载方法的话，document是获取不到对象的。

</p>

</body>

</html>

2：如果你把<script>标签放到<body>里的话，就要放在<div>的下边，因为在未加载id为showlast的元素之前，javascript也获取不到该对象。应该这样写

<!DOCTYPE html>

<html>

<body>

<div id="showlast"></div>

<script>

document.getElementById("showlast").innerHTML="123"

</script>

<p>

要改变的元素放到javascript前。

</p>

</body>

</html>

这两个都可以实现向指定DIV输出内容，希望可以帮到你。