Div in javascript

Để tạo bản chỉ trong một vùng trên trang web mà không phải toàn bộ trang web của bạn, bạn có thể sử dụng 2 cách sau

Cách 1 - Sử dụng CSS

Có thể chèn thêm 1 tệp CSS dành riêng cho bản vào tiêu đề khai báo như sau

Mã
In file trong. css you to hide toàn bộ các vùng không muốn bằng cách thêm CSS code. trưng bày. không ai. quan trọng;

Lưu ý buộc phải có tham số. phương tiện = "in"

Để chọn toàn bộ màn hình trang web, bạn có thể thêm tham số. phương tiện = "màn hình"

Mã
Để tạo nút gọi bản trên trang web, bạn hãy chèn mã sau

Mã
Hoặc tạo file ảnh, nút bấm liên kết:

javascript:window.print()">

Hoặc

Click vào đây để in trang
Cách 2 - Sử dụng Javascript

Để tạo nút, hãy nhấp vào một vùng tùy chọn mà bạn có thể tham khảo đoạn mã sau

Mã
      In đoạn này




function printDiv(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;

     document.body.innerHTML = printContents;

     window.print();

     document.body.innerHTML = originalContents;
}

Để in nội dung của div trong JavaScript, trước tiên hãy lưu trữ nội dung của div trong một biến JavaScript và sau đó nhấp vào nút in. Nội dung của phần tử div HTML sẽ được trích xuất. Sau đó, một cửa sổ bật lên JavaScript được tạo và nội dung được trích xuất 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 In cửa sổ JavaScript.

ví dụ 1. Ví dụ này sử dụng lệnh in cửa sổ JavaScript để in nội dung của phần tử div.

html

<html>

________số 8_______

<head>

<<0>

<2_______5_______3

<5_______5_______0>

<8

html0

<html3>

<2_______6_______6

html7html8

html7>0

html7>2html>4

html7>2_______7_______7 >8_______7_______9_______8_______0 1>4

html7 4

html7 6_______7_______7 8_______6_______>4

html7<2

html7_______5_______4

<2_______5_______6

<5_______6_______3>

<5_______10_______>

________số 8_______

<7_______7 head7head8head9>

<8

<>4 >5_______10_______8_______7_______7 head7head8 0_______7_______

<2_______5_______ 5 6 5>

<2_______5_______<2>

html7_______5_______5

html7_______5_______7

<2_______5_______5_______5_______2>

<5>4>

<8

5_______<09 <10_______10_______8<12 <13head8<15 <16head8<18>

<5_______7_______7>

________số 8_______

<5_______6_______<26

đầu ra

ví dụ 2. Ví dụ này sử dụng lệnh in cửa sổ JavaScript để in nội dung của phần tử div.

html

<html>

________số 8_______

<head>

<<0>

<2_______5_______3

<5_______5_______0>

<8

html0

<html3>

<2_______6_______6

html7html8

html7>0

html7>2html>4

html7>2_______7_______7 >8_______7_______9_______8_______0 1>4

html7 4

html7 6_______7_______7 8_______6_______>4

html7<2

html7_______5_______4

<2_______5_______6

<5_______6_______3>

<5_______10_______>

________số 8_______

<>7_______7_______

<<97>

<2_______5__________>4 >5head8>7 head7head8 0>

html09

html7< 5 6 5>

html09

html7<html19 html20head8html22_______7_______

html24_______5_______html26>

html28<html30html31html30>

html28<html30html37html30>

html24<5html26>

html24_______5_______html26>

html28<html30html51html30>

html28<html30html57html30>

html24<5html26>

html7<5_______6_______19>

<2_______5_______5>4>

<2_______5_______<2>

html7html78

html7html80

<2_______5_______5_______5_______2>

<2_______5__________<09 <10head8<12 <13head8<15

html28<16head8<18>

<5_______5_______97>

<5_______7_______7>

________số 8_______

<5_______6_______>10

đầu ra

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này

programming javascript

Div in javascript

In đoạn này

html

html

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội