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 »
Làm cách nào để hiển thị trang JavaScript?
Nếu bạn muốn xem mã JavaScript, bạn có thể nhấp chuột phải vào trang, sau đó chọn Kiểm tra, sau đó điều hướng đến dòng JavaScript bằng cách tô sáng hoặc chọn dòng đó. JS mở rộng và sau đó định vị con trỏ của bạn trong. Tệp JS, nhấp chuột phải & Chọn tiết lộ trong bảng điều khiển Nguồn. Lưu câu trả lời này. has a variety of APIs that are used to display data to the DOM. Some of these APIs display data directly on the page, while others give pop-up alerts on the page or print to the browser console.
Làm thế nào để bạn hiển thị đầu ra trong HTML?
Thẻ HTML được sử dụng để hiển thị kết quả của một số tính toán (được thực hiện bởi JavaScript) hoặc kết quả của hành động của người dùng (chẳng hạn như dữ liệu đầu vào vào một phần tử biểu mẫu). Thẻ là một thẻ mới được thêm vào và được giới thiệu trong HTML5. ... cú pháp ..
Làm thế nào sử dụng dữ liệu JavaScript trong HTML?
- window.alert()
- document.write()3
- document.write()
- document.write()5
- console.log()
window.alert()
Bạn không thể sử dụng các biến JS bên trong HTML. Để thêm nội dung của biến JavaScript vào HTML sử dụng bên trong () hoặc tạo bất kỳ thẻ HTML nào, hãy thêm nội dung của biến đó vào thẻ đã tạo và nối thẻ đó vào phần thân hoặc bất kỳ thẻ hiện có nào khác trong HTML.alert is a pop that displays information on the screen. We use the document.write()8 API to display an alert on the screen.
Thí dụ
Làm cách nào để hiển thị dữ liệu trên cùng một trang trong HTML?
document.write()9
Làm cách nào để hiển thị một biểu mẫu trên cùng một trang khi tôi nhấp vào một nút ?.
Thí dụ
Thêm một trường văn bản phong phú trên biểu mẫu trên trang của bạn ..
document.write()
Nhấp vào khu vực văn bản ở bên trái và chọn Chèn> neo ..document.write() API prints or writes directly on the page.
Thí dụ
innerHTML
Đặt tên neo ..innerHTML API is used to change the content of an element in the DOM. It is commonly used with the window.alert()7 API to get an element and then change it.
Thí dụ
Dòng 5 của phần HTML là một đoạn có id và nội dung.
Trong dòng 1 của phần JavaScript, nội dung đã được thay đổi bằng API document.write()5.
Nhìn kỹ vào cách nó được sử dụng để thực hành tốt nhất.
console.log()
API console.log() in bất cứ thứ gì bên trong khung vào bảng điều khiển trình duyệt.console.log() API prints whatever is inside the bracket to the browser console.
Thí dụ
Mã được viết ở trên cho thấy tất cả các cách để hiển thị dữ liệu trong JavaScript. Chúng tôi có thể thực hành những điều này để hiểu rõ hơn về cách dữ liệu có thể được hiển thị bằng cách sử dụng các API khác nhau trong JavaScript.
THẺ LIÊN QUAN
JavaScript
cộng đồng
Người đóng góp