Hướng dẫn javascript select printer - javascript chọn máy in

Ý tưởng là Đặt Các nội phân ệc trong Bênn Trong Điều Khi -n ASP

Nội phân chính

  • Sử dụng một bảng kiểu in
  • Phát hiện các yêu cầu in
  • Mở và tự động đóng cửa sổ bật lên khi hoàn thành
  • In một trang bên ngoài mà không cần mở nó

Nội phân chính

  • Sử dụng một bảng kiểu in
  • Phát hiện các yêu cầu in
  • Mở và tự động đóng cửa sổ bật lên khi hoàn thành
  • In một trang bên ngoài mà không cần mở nó




    

    





    
Hello,
This is Mudassar Khan.
Hoping that you are enjoying my articles!

Trong markup html ở trên tuy có bảng điều khiển pnlcontents bạn nội phân cần in và n bạn

Có thể có nhiều lúc trang web hoặc ứng dụng của bạn muốn cải thiện trải nghiệm của người dùng khi in nội dung. Có một số kịch bản có thể có:

  • Bạn muốn điều chỉnh bố cục để tận dụng kích thước và hình dạng của tờ giấy.
  • Bạn muốn sử dụng các phong cách khác nhau để tăng cường sự xuất hiện của nội dung của bạn trên giấy.
  • Bạn muốn sử dụng hình ảnh độ phân giải cao hơn để có kết quả tốt hơn.
  • Bạn muốn điều chỉnh trải nghiệm người dùng về in, chẳng hạn như trình bày một phiên bản đặc biệt của nội dung của bạn trước khi bắt đầu in.

Có thể có những trường hợp khác mà bạn muốn quản lý quá trình in, nhưng đây là một số kịch bản phổ biến nhất. Bài viết này cung cấp các mẹo và kỹ thuật để giúp nội dung web của bạn in tốt hơn.

Sử dụng một bảng kiểu in

Phát hiện các yêu cầu in

<link href="/path/to/print.css" media="print" rel="stylesheet" />

Phát hiện các yêu cầu in

Mở và tự động đóng cửa sổ bật lên khi hoàn thành

In một trang bên ngoài mà không cần mở nó

Trong markup html ở trên tuy có bảng điều khiển pnlcontents bạn nội phân cần in và n bạn

Mở và tự động đóng cửa sổ bật lên khi hoàn thành

In một trang bên ngoài mà không cần mở nó

DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>JavaScript Window Close Exampletitle>
    <script>
      function popuponclick() {
        const my_window = window.open(
          "",
          "mywindow",
          "status=1,width=350,height=150"
        );
        my_window.document.write("Print Me");
        my_window.document.write('');
        my_window.document.write(
          "

When you print this window, it will close afterward.

"
); my_window.document.write(""); }
script> head> <body> <p> To try out the <code>afterprintcode> event, click the link below to open the window to print. You can also try changing the code to use <code>beforeprintcode> to see the difference. p> <p><a href="javascript: popuponclick()">Open Popup Windowa>p> body> html>

Trong markup html ở trên tuy có bảng điều khiển pnlcontents bạn nội phân cần in và n bạn

In một trang bên ngoài mà không cần mở nó

Trong markup html ở trên tuy có bảng điều khiển pnlcontents bạn nội phân cần in và n bạn

DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>MDN Exampletitle>
    <script>
      function closePrint() {
        document.body.removeChild(this.__container__);
      }

      function setPrint() {
        this.contentWindow.__container__ = this;
        this.contentWindow.onbeforeunload = closePrint;
        this.contentWindow.onafterprint = closePrint;
        this.contentWindow.focus(); // Required for IE
        this.contentWindow.print();
      }

      function printPage(sURL) {
        const hideFrame = document.createElement("iframe");
        hideFrame.onload = setPrint;
        hideFrame.style.position = "fixed";
        hideFrame.style.right = "0";
        hideFrame.style.bottom = "0";
        hideFrame.style.width = "0";
        hideFrame.style.height = "0";
        hideFrame.style.border = "0";
        hideFrame.src = sURL;
        document.body.appendChild(hideFrame);
      }
    script>
  head>

  <body>
    <p>
      <span
        onclick="printPage('externalPage.html');"
        style="cursor:pointer;text-decoration:underline;color:#0000ff;">
        Print external page!
      span>
    p>
  body>
html>

Có thể có nhiều lúc trang web hoặc ứng dụng của bạn muốn cải thiện trải nghiệm của người dùng khi in nội dung. Có một số kịch bản có thể có: Older versions of Internet Explorer cannot print the contents of a hidden