Home  >  Article  >  Web Front-end  >  What are the output methods of html5 pages?

What are the output methods of html5 pages?

青灯夜游
青灯夜游Original
2022-01-23 17:15:283691browse

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>

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>

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>

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>

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!

Statement:
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