jQuery: Print a page

Last update on July 22 2025 12:39:24 (UTC/GMT +8 hours)

jQuery Practical exercise Part - I : Exercise-8

Print a page using jQuery.

HTML Code :

<body><div>
<a class="printPage" href="#">Print</a>
</div>
</body>

Sample solution :

HTML Code :


<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  <meta charset="utf-8">
  <title>Print a page using jQuery</title>
</head>
<body>
<div>
<a  class="printPage" href="#">Print</a>
</div>
</body>
</html>

JavaScript Code :

$('a.printPage').click(function(){
           window.print();
           return false;
});

Go to:

jQuery Practical Exercises Home ↩
jQuery Exercises Home ↩

PREV : Create a Zebra Stripes table effect.
NEXT : Limit character input in the textarea including count.

See the Pen jquery-practical-exercise-8 by w3resource (@w3resource) on CodePen.

Contribute your code and comments through Disqus.