Hướng dẫn how do i print a specific section in javascript? - làm cách nào để in một phần cụ thể trong javascript?
Tôi đang cố gắng in một phần cụ thể trong ứng dụng của mình. Show Ứng dụng có một danh sách người dùng, hiển thị họ và họ của họ. Khi tôi nhấp vào người dùng, tôi nhận được một cửa sổ bật lên với thông tin chi tiết hơn về họ. Làm thế nào tôi có thể in chỉ in cửa sổ bật lên cho người dùng tôi đã nhấp? Cửa sổ bật lên trông như thế này:
Nút in chưa hoạt động mặc dù. Hỏi ngày 21 tháng 10 năm 2012 lúc 10:44Oct 21, 2012 at 10:44
Gregor Menihgregor MenihGregor Menih 4.78514 Huy hiệu vàng44 Huy hiệu bạc65 Huy hiệu Đồng14 gold badges44 silver badges65 bronze badges 1 Bạn có thể sử dụng JavaScript đơn giản để in một div cụ thể từ một trang.
Thần bí 2.2352 huy hiệu vàng21 Huy hiệu bạc36 Huy hiệu đồng2 gold badges21 silver badges36 bronze badges Đã trả lời ngày 21 tháng 10 năm 2012 lúc 10:58Oct 21, 2012 at 10:58
7 Bạn sẽ phải mở một cửa sổ mới (hoặc điều hướng đến một trang mới) chỉ chứa thông tin bạn muốn người dùng có thể in Javscript:
HTML:
Một vài ghi chú ở đây: Neo không được có khoảng trắng giữa nó và div chứa nội dung để in Đã trả lời ngày 21 tháng 10 năm 2012 lúc 10:56Oct 21, 2012 at 10:56
SrejectsRejectSReject 3,5961 Huy hiệu vàng24 Huy hiệu bạc40 Huy hiệu đồng1 gold badge24 silver badges40 bronze badges 2 Tôi đã tạo tiện ích mở rộng jQuery này để in HTML của phần tử được chọn: 2
Nhìn thấy nó trong hành động ở đây.
fresskoma 25.1k10 Huy hiệu vàng85 Huy hiệu bạc126 Huy hiệu đồng10 gold badges85 silver badges126 bronze badges Đã trả lời ngày 13 tháng 10 năm 2016 lúc 14:03Oct 13, 2016 at 14:03
3 Thay vì tất cả các JavaScript phức tạp, bạn thực sự có thể đạt được điều này với 3 đơn giản: Chỉ cần sử dụng hai tệp CSS, một cho màn hình bình thường của bạn và một cho hiển thị chỉ có nội dung bạn muốn in. Trong tệp sau này, ẩn mọi thứ bạn không muốn in, chỉ hiển thị bật lên.ONLY the
content you wish to print. In this latter file, hide everything you don't want printed, display only the pop up. Hãy nhớ xác định thuộc tính 4 của cả hai tệp CSS:
Đã trả lời ngày 30 tháng 3 năm 2017 lúc 6:48Mar 30, 2017 at 6:48
Cedric ipkisscedric ipkissCedric Ipkiss 5.0762 Huy hiệu vàng39 Huy hiệu bạc62 Huy hiệu Đồng2 gold badges39 silver badges62 bronze badges 1 Chỉ cần sử dụng CSS để ẩn nội dung bạn không muốn in. Khi người dùng chọn In - trang sẽ tìm đến CSS "Media =" In "để được hướng dẫn về bố cục của trang.media="print" CSS for instructions about the layout of the page. CSS Media = "In" có hướng dẫn để ẩn nội dung mà chúng tôi không muốn in.media="print" CSS has instructions to hide the content that we do not want printed.
Đã trả lời ngày 11 tháng 1 năm 2018 lúc 21:09Jan 11, 2018 at 21:09 1 Dưới đây là phiên bản nâng cao của tôi mà khi chúng tôi muốn tải các tệp CSS hoặc có các tham chiếu hình ảnh trong phần để in. Trong những trường hợp này, chúng tôi phải đợi cho đến khi các tệp CSS hoặc hình ảnh được tải đầy đủ trước khi gọi hàm in (). Do đó, chúng tôi nên di chuyển chức năng in () và đóng () gọi vào HTML. Sau đây là ví dụ mã:
Đã trả lời ngày 4 tháng 7 năm 2017 lúc 3:29Jul 4, 2017 at 3:29
Hailonghailonghailong 1.22114 Huy hiệu bạc18 Huy hiệu đồng14 silver badges18 bronze badges Phong cách
JQuery 0Nút in HTML 1Đã trả lời ngày 10 tháng 12 năm 2019 lúc 10:21Dec 10, 2019 at 10:21
Thử cái này:
Hãy thử nó trong jsfiddle (iframes dường như không hoạt động trong bản xem trước của StackOverflow) Bạn có thể thấy mã ở đây, nhưng nó sẽ không hoạt động do những giới hạn bảo mật trong trình kết xuất của Stackoverflow. 2 3Đã trả lời ngày 21 tháng 8 năm 2020 lúc 14:11Aug 21, 2020 at 14:11
Bạn có thể sử dụng plugin jQuery này Đã trả lời ngày 19 tháng 9 năm 2021 lúc 13:40Sep 19, 2021 at 13:40
Aphoeaphoeaphoe 2.38625 Huy hiệu bạc29 Huy hiệu đồng25 silver badges29 bronze badges 1 Tôi có một lựa chọn tốt hơn, Đầu tiên tách phần có thể in và không thể in theo tên hoặc id lớp 4 5Đó là tất cả Đã trả lời ngày 9 tháng 6 năm 2018 lúc 16:44Jun 9, 2018 at 16:44
ArularulArul 8369 Huy hiệu bạc21 Huy hiệu đồng9 silver badges21 bronze badges 1 Hãy thử cái này. 6Đã trả lời ngày 5 tháng 9 năm 2020 lúc 7:44Sep 5, 2020 at 7:44
1 Tôi đã viết một mô -đun JavaScript nhỏ gọi là các bản in để in động các phần của trang web. Nó hoạt động bằng cách lặp qua các phần tử nút được chọn và đối với mỗi nút, nó đi qua cây dom cho đến khi phần tử cơ thể. Ở mỗi cấp độ, bao gồm cả cấp độ ban đầu (là cấp độ nút được in), nó gắn một lớp đánh dấu ( 5) vào nút hiện tại. Sau đó đính kèm một lớp đánh dấu khác ( 6) vào tất cả các anh chị em của nút hiện tại, nhưng chỉ khi không có lớp 5 trên chúng. Là một hành động thứ ba, nó cũng gắn một lớp khác vào các yếu tố tổ tiên được bảo tồn 8.Một CSS chỉ in bổ sung chỉ đơn giản là sẽ ẩn và hiển thị các yếu tố tương ứng. Một số lợi ích của phương pháp này là tất cả các kiểu được bảo tồn, nó không mở một cửa sổ mới, không cần phải di chuyển xung quanh rất nhiều yếu tố DOM và nói chung nó không xâm lấn với tài liệu gốc của bạn. Xem bản demo, hoặc đọc bài viết liên quan để biết thêm chi tiết. Đã trả lời ngày 11 tháng 3 năm 2019 lúc 9:17Mar 11, 2019 at 9:17
1 Đây là những gì làm việc cho tôi Với jQuery và https://developer.mozilla.org/en-us/docs/web/api/window/open 7app-print.css 8Đã trả lời ngày 1 tháng 5 năm 2020 lúc 18:41May 1, 2020 at 18:41
Atazminatazminatazmin 3.7631 Huy hiệu vàng22 Huy hiệu bạc16 Huy hiệu đồng1 gold badge22 silver badges16 bronze badges Nếu có nhiều phụ thuộc CSS, các giải pháp trên trở nên khó sử dụng. nếu bạn
Bạn có thể thử một cách tiếp cận được sửa đổi một chút về câu trả lời của @pmtamal.
Ví dụ về mã: 9}); Đã trả lời ngày 13 tháng 8 lúc 6:08Aug 13 at 6:08
Vivek Kodiravivek KodiraVivek Kodira 2.5404 Huy hiệu vàng29 Huy hiệu bạc49 Huy hiệu đồng4 gold badges29 silver badges49 bronze badges Trong chức năng 0, hãy vượt qua ID div cụ thể mà bạn muốn in. Tôi đã tìm thấy mã JavaScript này từ codexworld.com. 0Mã hoàn chỉnh và hướng dẫn có thể được tìm thấy từ đây - cách in khu vực trang bằng JavaScript. Đã trả lời ngày 5 tháng 5 năm 2016 lúc 7:51May 5, 2016 at 7:51
JoygurujoyguruJoyGuru 1.73519 huy hiệu bạc9 Huy hiệu đồng19 silver badges9 bronze badges Hãy thử thư viện Ink-HTML tuyệt vời này 1Đã trả lời ngày 18 tháng 10 năm 2019 lúc 11:03Oct 18, 2019 at 11:03
Làm cách nào để in chỉ một phần cụ thể?Bạn có thể muốn in một phần của tài liệu không phải là một trang đầy đủ ... Làm nổi bật văn bản bạn muốn in .. Chọn Tệp> In .. Chọn mũi tên thả xuống trang và chọn lựa chọn in .. Chọn mũi tên thả xuống máy in, chọn máy in của bạn, sau đó chọn In .. Làm cách nào để in một phần nhất định của một trang?Kéo một hình chữ nhật xung quanh khu vực bạn muốn in.Choose Tệp> Print.make chắc chắn rằng tùy chọn đồ họa đã chọn được chọn trong khu vực phạm vi in của hộp thoại In.. Choose File > Print. Make sure that the Selected Graphic option is selected in the Print Range area of the Print dialog box. (Optional) To enlarge the selected text or graphic to fit the sheet of paper, choose Fit To Printable Area from the Page Scaling pop-up menu.
Làm thế nào để bạn in một trang trong JavaScript?Sử dụng phương thức in cửa sổ () Phương thức in () là một phương thức trên đối tượng cửa sổ.Người dùng có thể gọi phương thức này để in tài liệu của họ trên cửa sổ.Phương thức in in dữ liệu của cửa sổ hiện tại.Người dùng nhận được hộp thoại in nơi họ có thể chọn các tùy chọn in cần thiết.
The print() is a method on the window object. Users can invoke this method to print their documents on the window. The print method prints the data of the current window. The user gets a print dialog box where they can select the required print options. |