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
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 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 để 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 »
Giả sử tôi muốn in HTML từ bên trong thẻ tập lệnh.
Một nguồn như thế này
foo
print['Print this after the script tag'];
bar
nên trông giống như thế này trong trình duyệt sau khi tập lệnh đã chạy
foo
print['Print this after the script tag'];
Print this after the script tag
bar
Tôi có thể viết mã của riêng mình cho mục đích này nhưng vì điều này có vẻ như là một vấn đề rất đơn giản, tôi đoán tôi đã bỏ lỡ điều gì đó hoặc suy nghĩ của tôi bị thiếu sót theo một cách nào đó và việc in ra bị bỏ rơi một cách có chủ ý.
Ngoài ra, phần nào liên quan: Tôi muốn biết liệu một tập lệnh có [hoặc có thể được thực hiện] nhận thức được các thẻ tập lệnh xung quanh nó không. Với thông tin này, sẽ dễ dàng hơn nhiều để tìm thấy vị trí cho mã HTML được in được đưa vào, giả sử rằng nó không được khuyến khích cao.
Để làm rõ: Tôi không cần bạn viết một chức năng in cho tôi. Tôi chỉ cần biết liệu một phương pháp gốc để đạt được điều này tồn tại và tôi đã bỏ lỡ nó hay thay vào đó là lý do nó không nên được thực hiện.
Chỉnh sửa tôi nhận ra rằng tôi đã không nghĩ câu hỏi thông qua. I realized that I didn't think the question through.
Tôi đã có sự thật của mình thẳng và bây giờ hầu như mọi thứ dường như đang hoạt động. Ban đầu tôi nên đề cập rằng chức năng in là cần thiết bên trong các mẫu - tôi đang làm việc trên một thử nghiệm động cơ mẫu. Tôi đã quản lý để giải quyết nó bằng cách tách các tập lệnh với HTML đơn giản và kết hợp các tập lệnh HTML Sans chia với đầu ra tập lệnh.
Khi tôi đang viết mã, tôi nhận thấy rằng mọi thứ sẽ không suôn sẻ vì bản chất không đồng bộ của JS. Tôi đoán tôi đã mong đợi có thể thực hiện bất kỳ loại ma thuật JS nào trong các mẫu, giống như tôi có thể trong PHP. Có vẻ như thực sự hỗ trợ mã ASYNC theo cách chống ngu ngốc bên trong các mẫu sẽ đòi hỏi một số suy nghĩ hơn.