文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

首頁 > web前端 > js教程 > 主體

js print列印網頁指定區域內容的簡單實例

高洛峰

發布： 2016-12-08 13:13:33

原創

1385 人瀏覽過

實例如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js print打印网页指定区域内容的简单实例</title>
</head>
<script>
function myPrint(obj){
  var newWindow=window.open("打印窗口","_blank");
  var docStr = obj.innerHTML;
  newWindow.document.write(docStr);
  newWindow.document.close();
  newWindow.print();
  newWindow.close();
}
</script>
<div id="print">
<hr />
  打印演示区域,点击打印后会在新窗口加载这里的内容！
<hr />
</div>
<button onclick="myPrint(document.getElementById(&#39;print&#39;))">打 印</button>
 
</html>

登入後複製

相關標籤：

來源：php.cn

上一篇：JavaScript在yii框架中操的程式碼分享下一篇：淺談JavaScript事件綁定的常用方法及其優缺點分析

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章