Làm cách nào để hiển thị giá trị biến trong html?

Question

Tuy nhiên, nếu chúng tôi sử dụng

<body onload="myFunction()">
  <h1>Hello Worldh1>
  <p>Lorem ipsum dolor sitsum, nam!p>

  <script>
      function myFunction() {
        document.write("Content Change
");
      }
  script>
body>

2 sau khi tài liệu được tải, nó sẽ thay thế tất cả nội dung bên trong thẻ HTML

document.write("Hello Everyone
")

5 bằng văn bản HTML và Javascript được cung cấp trong tài liệu. viết phương pháp

Nội dung chính Show

Hiển thị biến JavaScript bằng thuộc tính InternalHTML
Hiển thị Biến JavaScript bằng cửa sổ. phương thức cảnh báo ()
Hướng dẫn từng bước về cách hiển thị giá trị biến JavaScript trong trang HTML. -
Sự kết luận. -

Ví dụ: giả sử chúng ta có một trang web có nội dung này bên trong và một chức năng chạy khi trang được tải

<body onload="myFunction()">
  <h1>Hello Worldh1>
  <p>Lorem ipsum dolor sitsum, nam!p>

  <script>
      function myFunction() {
        document.write("Content Change
");
      }
  script>
body>

Điều này sẽ thay thế tất cả nội dung của trang bằng nội dung bên trong phương thức

<body onload="myFunction()">
  <h1>Hello Worldh1>
  <p>Lorem ipsum dolor sitsum, nam!p>

  <script>
      function myFunction() {
        document.write("Content Change
");
      }
  script>
body>

2

đầu ra

Hiển thị biến JavaScript bằng thuộc tính InternalHTML

Thuộc tính

document.write("Hello Everyone
")

0 trong JavaScript được sử dụng để đặt hoặc nhận/trả lại nội dung HTML của một phần tử

Giả sử chúng ta có một phần tử div trong trang web của mình với id là 'tiêu đề'

<body>
    <div id="myText">Hello Worlddiv>
body>

Vì vậy, để thay thế văn bản 'Xin chào thế giới' bằng tên biến JavaScript, trước tiên chúng ta phải nhắm mục tiêu phần tử bằng Id của nó

Sử dụng phương pháp

document.write("Hello Everyone
")

8, chúng tôi nhắm mục tiêu phần tử và sau đó thay đổi văn bản bằng một giá trị biến

let newName = 'Welcome Everyone'
document.getElementById("myText").innerHTML = newName;

Điều này bây giờ sẽ thay đổi giá trị bên trong phần tử HTML bằng giá trị biến mới, 'Chào mừng mọi người'

<body>
    <div id="myText">Welcome Everyonediv>
body>

Hiển thị Biến JavaScript bằng cửa sổ. phương thức cảnh báo ()

Phương thức

document.write("Hello Everyone
")

1 được sử dụng để hiển thị hộp thoại có tin nhắn văn bản trên trình duyệt của chúng tôi

Hộp thoại ngăn người dùng truy cập vào phần còn lại của trang cho đến khi người dùng đóng hộp thoại bằng nút 'OK'

Chúng tôi có thể sử dụng phương pháp này để hiển thị các giá trị biến JavaScript trong trình duyệt của mình

Hãy xem cách chúng ta có thể chuyển một giá trị biến trong cửa sổ của mình. hộp thoại cảnh báo () với một ví dụ

________số 8

Trong thẻ script của chúng tôi

Vì vậy, khi chúng tôi nhấp vào nút, nó sẽ hiển thị giá trị biến trong hộp thoại cảnh báo

Hiển thị giá trị biến Javascript dưới dạng đầu ra là một nhiệm vụ rất phổ biến trong phát triển web. Và với sự trợ giúp của API JavaScript, chúng tôi có thể thực hiện các hành động này rất dễ dàng vì nó giúp thao tác các phần tử HTML của chúng tôi

Và trong số ba phương pháp được thảo luận ở trên, cách phổ biến nhất để hiển thị văn bản trên trang web là sử dụng thuộc tính

document.write("Hello Everyone
")

0. Và hai phương pháp còn lại cũng được sử dụng nhưng chủ yếu cho mục đích thử nghiệm

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn giải pháp về cách hiển thị giá trị biến JavaScript trong trang HTML, đây là bài viết cơ bản nhất hoặc có thể nói là quan trọng nhất, nếu chúng ta muốn tiếp tục học sâu hơn với JavaScript

Trong bất kỳ ngôn ngữ nào, người mới bắt đầu cũng bắt buộc phải biết cách in đầu ra, văn bản hoặc bất kỳ thứ gì khác mà mình muốn. Vì vậy, trong bài viết này hãy cho chúng tôi hiểu làm thế nào để thực hiện điều này

Hướng dẫn từng bước về cách hiển thị giá trị biến JavaScript trong trang HTML. -

Như, có nhiều cách với sự trợ giúp mà chúng tôi có thể hiển thị giá trị biến

Trong bài viết này, chúng tôi sẽ chỉ cho bạn hai phương pháp chính được sử dụng nhiều nhất và dễ học để in giá trị JavaScript. Hãy để chúng tôi hiểu điều này với

<body onload="myFunction()">
  <h1>Hello Worldh1>
  <p>Lorem ipsum dolor sitsum, nam!p>

  <script>
      function myFunction() {
        document.write("Content Change
");
      }
  script>
body>

1

First, we write which we used as an instruction to the web browser about what version of HTML file is written in.
Secondly, the tag is used to indicate the beginning of an HTML document.
As above now tag is used to contain information about web page. In this tag a tag is used which helps us to specify a webpage title. Both <head> and <title> tags are Paired tags. So, both have </head> and ending tags respectively.
Ở đây, sau đó chúng ta tạo một thẻ body. Tất cả nội dung mà chúng tôi muốn hiển thị trên màn hình hoặc hiển thị của trình duyệt luôn được ghi bên trong mã này
Ở đây, trong bài viết này, khi chúng ta thấy rằng bên trong nội dung, chúng ta tạo một tiêu đề và hai đoạn văn. Đoạn cuối cùng với id demo là dành cho việc sử dụng JavaScript của chúng tôi. Chúng tôi sẽ sử dụng nó sau để in hoặc hiển thị biến hoặc nói đầu ra
Bây giờ, sau đó JavaScript của chúng tôi bắt đầu. Như chúng ta biết rằng JavaScript được viết dưới thẻ script và thẻ script là thẻ ghép nối
Có nghĩa là nó phải có thẻ đóng. Vì vậy, JavaScript của chúng tôi luôn được viết bên dưới hoặc giữa các thẻ này
Ở đây, bên trong tập lệnh, cách đầu tiên là sử dụng các thẻ html để in đầu ra. Ở đây, chúng tôi sử dụng thẻ đoạn văn của mình với sự trợ giúp của id và thay đổi html bên trong của nó bằng cách sử dụng html bên trong và gán giá trị 10 + 10 cho giá trị này. Nó sẽ thêm chúng và hiển thị 20 dưới dạng đầu ra
Bây giờ, trong trường hợp tiếp theo, chúng tôi không sử dụng bất kỳ thẻ html nào để in hoặc hiển thị đầu ra. Chúng tôi chỉ sử dụng tài liệu. write(), là chức năng sẵn có để in hoặc hiển thị đầu ra. Bên trong chức năng này, chúng tôi trực tiếp đưa ra giá trị để hiển thị đầu ra
Một điều cần nói ở đây là chúng ta có thể lưu trữ các giá trị này trong một biến và in ra biến đó. Đó là một nhiệm vụ dành cho bạn và bạn phải tự mình thử
At last, the and tags are closed with and respectively.

Sự kết luận. -

Cuối cùng, để kết luận, ở đây chúng ta có thể nói rằng với sự trợ giúp của bài viết này, chúng ta có thể hiểu cách hiển thị giá trị biến JavaScript trong trang html

Tôi hy vọng hướng dẫn này về cách hiển thị giá trị biến JavaScript trong trang html sẽ giúp bạn và các bước cũng như phương pháp được đề cập ở trên dễ thực hiện và thực hiện

programming html

Làm cách nào để hiển thị giá trị biến trong html?

Content Change

Hello Everyone

Content Change

Content Change

Hiển thị biến JavaScript bằng thuộc tính InternalHTML

Hello Everyone

Hello Everyone

Hiển thị Biến JavaScript bằng cửa sổ. phương thức cảnh báo ()

Hello Everyone

Hello Everyone

Hướng dẫn từng bước về cách hiển thị giá trị biến JavaScript trong trang HTML. -

Content Change

Sự kết luận. -

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội