programming javascript

In div JavaScript cụ thể

Trong hướng dẫn này, bạn sẽ học cách in nội dung div cụ thể bằng javascript. In là một tính năng phổ biến của tất cả các trang web hoặc ứng dụng web, nhưng nhiều lần, chúng ta cần in một khu vực cụ thể của trang html. Nếu bạn không biết cách in nội dung div cụ thể của trang html bằng javascript, chỉ cần làm theo các bước đơn giản sau

Bạn có thể in nội dung div cụ thể bằng javascript bằng cách làm theo 3 bước đơn giản

Bước 1. Thêm thuộc tính ID

First, we need to add attribute id "printable_div_id" to

element which you want to print.

	
		Printable Content
		This is a printable paragraph.

Bước 2. Tạo Nút In

Trong bước này, chúng ta cần tạo một nút cho trang html

PRINT

Bước 2. Tạo một chức năng Javascript

Trong bước này, chúng ta cần tạo một hàm javascript để in nội dung div cụ thể của trang html


function printdiv[elem] {
  var header_str = '' + document.title  + '';
  var footer_str = '';
  var new_str = document.getElementById[elem].innerHTML;
  var old_str = document.body.innerHTML;
  document.body.innerHTML = header_str + new_str + footer_str;
  window.print[];
  document.body.innerHTML = old_str;
  return false;
}

Hoàn thành mã




	
	Print



  
    
      
    
  

	
		Printable Content
		This is a printable paragraph.
	

  
    Outside Printable Content
    This is not a printable paragraph.

  

  

	PRINT




function printdiv[elem] {
  var header_str = '' + document.title  + '';
  var footer_str = '';
  var new_str = document.getElementById[elem].innerHTML;
  var old_str = document.body.innerHTML;
  document.body.innerHTML = header_str + new_str + footer_str;
  window.print[];
  document.body.innerHTML = old_str;
  return false;
}

Bạn bè. Tôi hy vọng bạn thích hướng dẫn này và rất vui được gặp lại bạn. tiếp tục học. Tiếp tục truy cập

In toàn bộ trang web là một nhiệm vụ dễ dàng vì đây là một tính năng được cung cấp bởi trình duyệt web. Tuy nhiên, trong một số trường hợp, bạn có thể cần cung cấp chức năng cho người dùng của mình để chỉ in một đoạn [Div content] của trang web chứ không phải toàn bộ trang web
Trong đoạn mã trên, khi bạn nhấp vào nút "Print a Div", một cửa sổ bật lên JavaScript được tạo và trích xuất nội dung của các phần tử div HTML để lưu trữ nó trong một biến JavaScript. Sau đó, nội dung của các phần tử div HTML được ghi vào cửa sổ bật lên và cuối cùng cửa sổ được in bằng lệnh JavaScript Window print[]
Print.