Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

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

Home > Web Front-end > JS Tutorial > body text

js print A simple example of printing the content of a specified area on a web page

高洛峰

Release： 2016-12-08 13:13:33

Original

1387 people have browsed it

Examples are as follows:

<!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>

Copy after login

Related labels：

source：php.cn

Previous article：Code sharing for JavaScript operations in the yii framework Next article：A brief discussion on common methods of JavaScript event binding and analysis of its advantages and disadvantages

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn