Làm cách nào để chúng tôi in bằng javascript?

Trong hướng dẫn ngày hôm nay của chúng tôi, chúng tôi sẽ cung cấp thông tin chi tiết sâu sắc về tất cả các cách tiếp cận khả thi để in bằng JavaScript

Hãy tìm hiểu từng phương pháp này

Phương pháp 1. bảng điều khiển. nhật ký () Phương thức

Bàn điều khiển. log() là cách được sử dụng nhiều nhất để in trong JavaScript. Nó có thể được sử dụng để in các chuỗi, đối tượng hoặc bất kỳ đầu ra nào khác trên bàn điều khiển. Mã JavaScript sẽ hoạt động trên bảng điều khiển; . log() không thể được sử dụng để chạy bất kỳ tích hợp HTML hoặc CSS nào với JS

Cú pháp của phương thức này được mô tả dưới đây

cú pháp

bảng điều khiển. log( thông báo );

Ví dụ sau được thực hiện để in một tin nhắn bằng JavaScript dựa trên bảng điều khiển. phương thức log()

Mã số

bảng điều khiển. log("Ví dụ sử dụng bảng điều khiển. log() trong JavaScript")

bảng điều khiển. log("Chào mừng đến với JavaScript");

Trong mã này, giao diện điều khiển. phương thức log() được sử dụng để in một thông báo trong cửa sổ giao diện điều khiển

đầu ra

Làm cách nào để chúng tôi in bằng javascript?

Đầu ra cho thấy hai câu lệnh đã được sử dụng với bảng điều khiển. phương thức log() được in trên bàn điều khiển

Phương pháp 2. tài liệu. viết phương pháp

Tài liệu. write() là một cách tiếp cận khác được sử dụng để in đầu ra trong trình duyệt bằng JavaScript. Chẳng hạn, phương thức được sử dụng để thêm nội dung vào trang HTML. Cộng đồng nhà phát triển sử dụng phương pháp này cho mục đích thử nghiệm hoặc gỡ lỗi. Cú pháp của tài liệu. phương thức write() được mô tả bên dưới

cú pháp

tài liệu. viết( tin nhắn );

Tham số thông báo được truyền cho phương thức này sẽ được in trên bàn điều khiển

Để hiểu rõ hơn về phương thức này, chúng ta hãy xem đoạn mã ví dụ sau

Mã số

< html >

< nội dung >

< h2 > Ví dụ về sử dụng tài liệu. viết() bằng JavaScript h2>

< tập lệnh >

tài liệu. viết("Chào mừng đến với JavaScript");

tập lệnh>script>

cơ thể>body>

html>html>

In the above code, the document.write() method is used inside the

Phương pháp 3. bên trong. Thuộc tính HTML

Bên trong. Thuộc tính HTML nổi tiếng để in một tin nhắn trong tài liệu HTML. Trong phương thức, nhận dạng duy nhất của phần tử được chuyển để lấy phần tử HTML trong tài liệu

cú pháp

tài liệu. getElementById("p").innerHTML = "thông báo";

Mô tả của các tham số được đưa ra dưới đây

  • getElementById. xác định id duy nhất của phần tử HTML
  • tin nhắn. đại diện cho thông tin cụ thể sẽ được in bằng JavaScript

Mã ví dụ cho thuộc tính InternalHTML được cung cấp bên dưới

Mã số

< html >

< nội dung >

< h2 > Ví dụ sử dụng InternalHTML trong JavaScript h2>

< p id ="p"><p>

< tập lệnh >

tài liệu. getElementById("p").innerHTML = "Chào mừng bạn đến với JavaScript";

tập lệnh>script>

cơ thể>body>

html>html>

Mô tả của mã như sau

  • A general message is displayed by using the heading

    tags.Sau đó, một nhận dạng duy nhất “p” được gán cho phần tử đoạn vănHơn nữa, chuỗi “Welcome to JavaScript” được gán bằng thuộc tính innerHTMLđầu raĐầu ra hiển thị thông báo “Chào mừng bạn đến với JavaScript” bằng cách sử dụng thuộc tính InternalHTML trong JavaScriptPhương pháp 4. cửa sổ. phương thức cảnh báo ()

    Một cách tiếp cận khác để in một tin nhắn là có thể thông qua cửa sổ. phương thức cảnh báo (). Nó rất hữu ích để xác thực biểu mẫu và xác nhận bất kỳ hành động nào của người dùng trong trình duyệt. Cú pháp của cửa sổ. phương thức alert() như sau

    cú pháp

    cửa sổ. cảnh báo("thông báo");

    Đối số thông báo sẽ được hiển thị dưới dạng thông báo cảnh báo

    Ví dụ

    Một ví dụ được sử dụng để bật lên cửa sổ bên cửa sổ. phương thức cảnh báo () trong JavaScript

    Mã số

    < html >

    < nội dung >

    < h2 > Ví dụ sử dụng cửa sổ. cảnh báo() bằng JavaScript h2>

    < tập lệnh >

    cửa sổ. cảnh báo("Chào mừng bạn đến với JavaScript");

    tập lệnh>script>

    cơ thể>body>

    html>html>

    Trong mã này

    • A message is displayed using the heading

      tag.After that, the alert() method is employed within the tags.Cuối cùng, chuỗi “Welcome to JavaScript” được chuyển đến phương thức alert()đầu raĐầu ra của đoạn mã trên đại diện cho một cửa sổ bật lên. Trong cửa sổ này, chuỗi đi qua “Chào mừng bạn đến với JavaScript” được in dưới dạng cảnh báo cho người dùngTiền thưởng. Các phương pháp bảng điều khiển khác để in bằng JavaScript

      Ngoài bảng điều khiển. log, có một số phương thức khác được hỗ trợ bởi đối tượng console của JavaScript. Chúng được sử dụng cho nhiều mục đích và in trên bàn điều khiển. Bảng sau chứa tất cả các phương thức đó cùng với mô tả và cú pháp của chúng

      MethodSyntaxDescriptionclear() giao diện điều khiển. clear() Phương thức này xóa bảng điều khiển. lỗi () bảng điều khiển. error() In thông báo lỗi. thông tin () bảng điều khiển. info() In thông báo thông tin. bảng điều khiển cảnh báo (). cảnh báo () Hiển thị cảnh báo trên bảng điều khiển. khẳng định () bảng điều khiển. khẳng định () Thông báo lỗi khi và chỉ khi khẳng định là sai

      Đó là nó từ hướng dẫn này. Bạn đã học cách in bằng JavaScript thông qua nhiều phương pháp khả thi khác nhau

      Phần kết luận

      Người ta kết luận rằng bốn cách tiếp cận khác nhau có tên là tài liệu. viết (), bên trongHTML, cửa sổ. cảnh báo và bảng điều khiển. log() có thể được sử dụng để in thông tin trong JavaScript. Thông tin có thể bao gồm các chuỗi, thuộc tính đối tượng, đầu ra được tính toán, v.v. Bảng điều khiển hỗ trợ các phương thức bổ sung, bao gồm bảng điều khiển. cảnh báo(), bảng điều khiển. thông tin (), bảng điều khiển. lỗi(). Chúng tôi cũng đã chứng minh mục đích và cú pháp của các phương thức này

      Làm cách nào để in trực tiếp bằng JavaScript?

      Chỉ cần gọi print() .

      Phương thức in trong JavaScript là gì?

      Trong phần này, chúng ta sẽ thảo luận về phương thức print() trong ngôn ngữ JavaScript. Phương thức print() được dùng để in các nội dung đang hiển thị như trang web, văn bản, hình ảnh, v.v. , trên màn hình máy tính .

      Làm cách nào để in nút trong JavaScript?

      Bạn có thể dễ dàng thêm nút in vào trang web của mình bằng cách thêm đoạn mã sau vào tài liệu HTML nơi bạn muốn nút xuất hiện. .
      onclick="cửa sổ. print();return false;" />
      in
      gõ="text/css" media="print" />
      cơ thể {khả năng hiển thị. ẩn giấu;}. in {khả năng hiển thị. dễ thấy;}

      Làm cách nào để hiển thị đầu ra trong JavaScript?

      JavaScript có thể "hiển thị" dữ liệu theo nhiều cách khác nhau. .
      Viết vào hộp cảnh báo, sử dụng cửa sổ. báo động()
      Viết vào đầu ra HTML bằng tài liệu. viết()
      Viết vào phần tử HTML, sử dụng InternalHTML
      Viết vào bảng điều khiển trình duyệt, sử dụng bảng điều khiển. nhật ký()