Khả năng hiển thị JavaScript
JavaScript có thể "hiển thị" dữ liệu theo những cách khác nhau:
- Viết thành một phần tử HTML, sử dụng
innerHTML
. - Viết vào đầu ra HTML bằng cách sử dụng
document.write[]
. - Viết vào một hộp cảnh báo, sử dụng
window.alert[]
. - Viết vào bảng điều khiển trình duyệt, sử dụng
console.log[]
.
Sử dụng InternalHtml
Để truy cập một phần tử HTML, JavaScript có thể sử dụng phương thức document.getElementById[id]
.
Thuộc tính id
xác định phần tử HTML. Thuộc tính innerHTML
xác định nội dung HTML:
Thí dụ
Trang web đầu tiên của tôi đoạn đầu tiên của tôi
My First Paragraph
Trang web đầu tiên của tôi đoạn đầu tiên của tôi
document.getElementById["demo"].innerHTML = 5 + 6;
document.getEuityById ["demo"]. Internhtml = 5 + 6;
Try it Yourself »
Hãy tự mình thử »
Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.
Sử dụng document.write []
Thí dụ
Trang web đầu tiên của tôi đoạn đầu tiên của tôi
My first paragraph.
document.getEuityById ["demo"]. Internhtml = 5 + 6;
document.write[5
+ 6];
document.getEuityById ["demo"]. Internhtml = 5 + 6;
Try it Yourself »
Hãy tự mình thử »delete all existing HTML:
Thí dụ
document.getEuityById ["demo"]. Internhtml = 5 + 6;
My First Web Page
My first paragraph.
Hãy tự mình thử »
document.getEuityById ["demo"]. Internhtml = 5 + 6;
Try it Yourself »
Hãy tự mình thử »
Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.
Sử dụng document.write []
Thí dụ
document.getEuityById ["demo"]. Internhtml = 5 + 6;
My First Web Page
My first paragraph.
Hãy tự mình thử »
window.alert[5 + 6];
document.getEuityById ["demo"]. Internhtml = 5 + 6;
Try it Yourself »
Hãy tự mình thử »
Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.
Thí dụ
document.getEuityById ["demo"]. Internhtml = 5 + 6;
My First Web Page
My first paragraph.
Hãy tự mình thử »
alert[5 + 6];
document.getEuityById ["demo"]. Internhtml = 5 + 6;
Try it Yourself »
Hãy tự mình thử »
Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.
Sử dụng document.write []
Thí dụ
document.getEuityById ["demo"]. Internhtml = 5 + 6;
console.log[5 + 6];
document.getEuityById ["demo"]. Internhtml = 5 + 6;
Try it Yourself »
Hãy tự mình thử »
Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.
Sử dụng document.write []
Đối với mục đích thử nghiệm, thuận tiện khi sử dụng document.write[]
:
Thí dụ
Trang web đầu tiên của tôi đoạn đầu tiên của tôi
document.getEuityById ["demo"]. Internhtml = 5 + 6;
Try it Yourself »
W3Schools được tối ưu hóa cho việc học và đào tạo. Ví dụ có thể được đơn giản hóa để cải thiện việc đọc và học tập. Hướng dẫn, tài liệu tham khảo và ví dụ được xem xét liên tục để tránh lỗi, nhưng chúng tôi không thể đảm bảo tính chính xác đầy đủ của tất cả các nội dung. Trong khi sử dụng W3Schools, bạn đồng ý đã đọc và chấp nhận các điều khoản sử dụng, cookie và chính sách bảo mật của chúng tôi.
Bản quyền 1999-2022 bởi dữ liệu refsnes. Đã đăng ký Bản quyền. W3Schools được cung cấp bởi W3.CSS.
W3Schools is Powered by W3.CSS.
Trong phần này, chúng tôi sẽ thảo luận về phương thức in [] trong ngôn ngữ javascript. Phương thức in [] được sử dụng để in các nội dung hiện có như trang web, văn bản, hình ảnh, v.v., trên màn hình máy tính. Khi chúng tôi sử dụng phương thức in [] trong javascript và thực thi mã, nó sẽ mở hộp thoại in cho phép người dùng hoặc lập trình viên chọn một tùy chọn thích hợp để in nội dung hiện tại của cửa sổ.print[] method is used to print the currently visible contents like a web page, text, image, etc., on the computer screen. When we use a print[] method in JavaScript and execute the code, it opens a print dialog box that allows the user or programmer to select an appropriate option for printing the current content of the window.
Cú pháp
Cú pháp sau được sử dụng để in nội dung hiện tại của cửa sổ:
Trong cú pháp trên, chúng tôi sử dụng phương thức window.print [] in nội dung hiện có của màn hình cửa sổ.
Tham số: Nó không chứa bất kỳ tham số nào.: It does not contain any parameters.
Trả về: Phương thức Window.print [] không trả về bất cứ điều gì.: The window.print[] method does not return anything.
Trình duyệt được hỗ trợ của phương thức in []
Sau đây là các trình duyệt hỗ trợ phương thức window.print [].
- Google Chrome
- trình duyệt web IE
- Hộp lửa
- Opera
- Cuộc đi săn
Ví dụ 1: Chương trình in trang web bằng phương thức print []
Trong chương trình này, chúng tôi đang sử dụng phương thức Window.print [] in nội dung hiển thị hiện tại trong màn hình cửa sổ.
print.html
Khi chúng tôi thực thi mã lập trình trên trên bất kỳ trình duyệt nào, nó sẽ hiển thị hình ảnh dưới đây:
Trong hình trên, có một nút in. Bây giờ chúng tôi nhấp vào nút In, nó mở hộp thoại in với nội dung trực quan hiện tại của màn hình cửa sổ, như hiển thị bên dưới.Print button. Now we click on the Print button, it opens a print dialog box with the current visual content of the window screen, as shown below.
Ví dụ 2: Chương trình in mẫu đăng ký sinh viên bằng phương thức in []
Trong chương trình này, chúng tôi tạo một biểu mẫu đăng ký sinh viên và sau đó in nó bằng phương thức Window, Print [].
Student.html
Khi chúng tôi thực thi mã lập trình trên trên bất kỳ trình duyệt nào, nó sẽ hiển thị hình ảnh dưới đây:
Trong hình trên, có một nút in. Bây giờ chúng tôi nhấp vào nút In, nó mở hộp thoại in với nội dung trực quan hiện tại của màn hình cửa sổ, như hiển thị bên dưới.
Ví dụ 2: Chương trình in mẫu đăng ký sinh viên bằng phương thức in []window.print method. Once we are done with all settings in the Print dialog box, click on the Save button to save the file or page in your system.
Trong chương trình này, chúng tôi tạo một biểu mẫu đăng ký sinh viên và sau đó in nó bằng phương thức Window, Print []. In the above program, we have created a student registration form, and this form has two buttons Reset and Print button. The Reset button is used to reset the content, and the Print button is used to print the displayed content. When we click on the Print button, an title function will activate and call the PrintFun[] function. Now PrintFun[] function is executed that contains window.print[] method to print the displayed content on the window screen.
Conclusion:
Chúng tôi đã tìm hiểu về phương thức in [] trong javascript in nội dung của màn hình cửa sổ. Trong trường hợp nội dung của màn hình cửa sổ có thể là văn bản, hình ảnh, quảng cáo, v.v ... Hơn nữa, khi một phương thức in [] được gọi bằng JavaScript, nó sẽ mở hộp thoại in. Vì vậy, người dùng hoặc lập trình viên có thể chọn tùy chọn thích hợp để in nội dung hiển thị trên màn hình cửa sổ.