Home > Web Front-end > Front-end Q&A > What are the output methods of html5 pages?

What are the output methods of html5 pages?

青灯夜游
Release: 2022-01-23 17:15:28
Original
3779 people have browsed it

The page output methods are: 1. Use the "window.alert('content');" statement to pop up a warning box; 2. Use the "element object.innerHTML="content"" statement to insert new elements into the specified element. Content; 3. Use the "docuemnt.write("content")" statement to write the new content into the HTML document.

What are the output methods of html5 pages?

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

html5 page output method

  • Use window.alert() Pop up warning box

  • Use the document.write() method to write the content into the html document

  • Use the element object. innerHtml="value to be written"; Write to HTML element

1. Use window.alert()

<script>
window.alert(&#39;警告框&#39;);
</script>
Copy after login

2. Manipulate HTML elements

If you need JavaScript to access an HTML element, you can use the document.getElementById(id) method

Please use the id attribute to identify HTML element, and innerHTml to get or insert element content:

<p id="demo" >我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML="段落已修改"
</scirpt>
Copy after login

document.getElementById("demo") is the JavaScript code that uses the id attribute to find the HTML element. This method is defined in the HTML DOM.
innerHTML = "Paragraph changed." is the JavaScript code used to modify the HTML content (innerHTML) of the element.

3. Write to HTML document

Use the document.write() method to write the content into the HTML content. This function can directly write the content or html Tags are written into the html document

<script>
docuemnt.write(Date());//Date()输出中国标准时间
</script>
Copy after login

Note: If document.write() is executed after the document has been loaded, it will cover the entire HTML page

<button type="button" onclick="myFunction">按钮</buton>
<script>
function myFunction(){
document.write(Date());
}
</scipt>
Copy after login

Related recommendations: " html video tutorial

The above is the detailed content of What are the output methods of html5 pages?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Issues
html5 validation for symfony 2.1
From 1970-01-01 08:00:00
0
0
0
The difference between HTML and HTML5
From 1970-01-01 08:00:00
0
0
0
html5 show hide
From 1970-01-01 08:00:00
0
0
0
Can PDF files run HTML5 and Javascript?
From 1970-01-01 08:00:00
0
0
0
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template