Như chúng ta đã biết trong PHP, hàm echo và print được sử dụng để hiển thị đầu ra trên màn hình. Vì vậy, khi người dùng bắt đầu viết mã bằng JavaScript, chắc chắn họ sẽ tò mò về cách in kết quả đầu ra trên màn hình bằng JavaScript. JavaScript thường được sử dụng để xây dựng các ứng dụng web động cung cấp nhiều phương thức được xác định trước để thực hiện các tác vụ.
Bài viết này sẽ mô tả các phương thức JavaScript tương đương với phương thức echo/print trong PHP.
Có tiếng vang/bản in PHP tương đương trong JavaScript không?
Có, trong JavaScript, có nhiều phương thức được xác định trước khác nhau để hiển thị đầu ra cho bảng điều khiển hoặc trang HTML, được liệt kê bên dưới:
- phương thức console.log()
- phương thức document.write()
- phương thức document.appendChild()
- thuộc tính bên trongHTML
Giải pháp 1: Sử dụng Phương thức “console.log()” trong JavaScript tương đương với echo/print trong PHP
Các ' console.log() ” phương thức trong JavaScript cho phép bạn in văn bản lên bảng điều khiển của trình duyệt và tương đương với chức năng in và in của PHP.
Ví dụ
Gọi ' console.log() ” để in thông báo trên bàn điều khiển:
bảng điều khiển. đăng nhập ( 'Chào mừng đến với Linuxhint' ) ;
Thông báo đã được hiển thị thành công trên bảng điều khiển bằng JavaScript “ console.log() ' phương pháp:
Giải pháp 2: Sử dụng Phương thức “document.write()” trong JavaScript tương đương với echo/print trong PHP
Sử dụng ' tài liệu.write() ” trong JavaScript tương đương với hàm echo/print trong PHP. Nó hiển thị văn bản trên trang web. Phương pháp này thường được sử dụng để thêm nội dung động vào trang web.
Ví dụ
Chuyển tin nhắn đến “ tài liệu.write() ” để in trên trang web:
tài liệu. viết ( 'Chào mừng đến với Linuxhint' ) ;Có thể thấy rằng thông báo đã được in thành công trên trang web:
Giải pháp 3: Sử dụng Phương thức “document.appendChild()” trong JavaScript tương đương với echo/print trong PHP
Sử dụng “ document.appendChild() ” để in văn bản trên trang web bằng JavaScript và nó tương đương với các hàm echo hoặc print của PHP. Phương thức này được sử dụng để thêm các phần tử mới vào tài liệu HTML, chẳng hạn như các phần tử
hoặc
Ví dụ
Tạo phần tử thẻ
bằng cách sử dụng “ tạo phần tử() ” phương thức và lưu trữ tham chiếu trong biến “ chữ ”:
đã từng là chữ = tài liệu. tạo phần tử ( 'P' ) ;Sử dụng ' nội dung ” thuộc tính để gán văn bản hiển thị trên trang web:
chữ. nội dung = 'Chào mừng đến với Linuxhint' ;Bây giờ, nối thêm phần tử vào tài liệu HTML bằng cách sử dụng “ appendChild() ' phương pháp:
tài liệu. thân hình . nối thêmTrẻ em ( chữ ) ;đầu ra
Giải pháp 4: Sử dụng Thuộc tính “innerHTML” trong JavaScript tương đương với echo/print trong PHP
Bạn cũng có thể sử dụng “ bên trongHTML ” trong JavaScript tương đương với các hàm echo/print trong PHP. Nó cho phép truy cập hoặc thay đổi nội dung của phần tử HTML. Thuộc tính này thường được sử dụng để cập nhật nội dung một cách linh hoạt để đáp ứng với đầu vào của người dùng hoặc các sự kiện khác.
Ví dụ
Tạo một phần tử
trong HTML nơi chúng tôi sẽ thay đổi văn bản:
< id = 'chữ' > In tin nhắn ở đây P > 
Trong tệp JavaScript, lấy tham chiếu của thẻ
bằng cách sử dụng “ getElementById() ' phương pháp:
đã từng là yếu tố = tài liệu. getElementById ( 'chữ' ) ;Sử dụng “ bên trongHTML ” để chỉ định một thông báo mới để hiển thị động trên trang web:
yếu tố. bên trongHTML = 'Chào mừng đến với Linuxhint' ;Tin nhắn sẽ được cập nhật động:
Chúng tôi đã cung cấp tất cả các giải pháp khả thi để in văn bản trên trang web bằng cách sử dụng JavaScript tương đương với hàm echo/print trong PHP.
Phần kết luận
Trong JavaScript, có nhiều phương thức được xác định trước khác nhau để hiển thị đầu ra hoặc văn bản cho bảng điều khiển hoặc trang HTML bao gồm “ console.log() ' phương pháp, ' tài liệu.write() ' phương pháp, ' document.appendChild() ” phương pháp hoặc “ bên trongHTML ' thuộc tính. Bài viết này đã mô tả các phương thức trong JavaScript tương đương với phương thức echo/print trong PHP.