关于javascript:JavaScript-4种输出内容的方式及其代码示例

JavaScript输入定义了显示给定代码输入的形式。能够通过以下四种不同的形式显示输入:

innerHTML:它用于拜访元素。它定义了HTML内容。

语法如下:

document.getElementById(id)

例子:本示例应用innerHTML显示数据。

<!DOCTYPE html>
<html>
      
<head>
     <title>
         JavaScript Output using innerHTML
     </title>
</head>
  
<body>
     <h1>lsbin</h1>
  
     <h2>
         JavaScript Display Possibilities
         Using innerHTML
     </h2>
  
     <p id = "GFG"></p>
      
     <!-- Script to uses innerHTML -->
     <script>
         document.getElementById("GFG").innerHTML
                 = 10 * 2;
     </script>
</body>
  
</html>

输入如下:

document.write():用于测试目标。

语法如下:

document.write()

例子:本示例应用document.write()属性显示数据。

<!DOCTYPE html>
<html>
      
<head>
     <title>
         JavaScript Output using document.write()
     </title>
</head>
  
<body>
     <h1>lsbin</h1>
  
     <h2>
         JavaScript Display Possibilities
         Using document.write()
     </h2>
  
     <p id = "GFG"></p>
      
     <!-- Script to uses document.write() -->
     <script>
         document.write(10 * 2);
     </script>
</body>
  
</html>

输入如下:

window.alert():它应用警报框显示内容。

语法如下:

window.alert()

例子:本示例应用window.alert()属性显示数据。

<!DOCTYPE html>
<html>
      
<head>
     <title>
         JavaScript Output using window.alert()
     </title>
</head>
  
<body>
     <h1>lsbin</h1>
  
     <h2>
         JavaScript Display Possibilities
         Using window.alert()
     </h2>
  
     <p id = "GFG"></p>
  
     <!-- Script to use window.alert() -->
     <script>
         window.alert(10 * 2);
     </script>
</body>
  
</html>

输入如下:

console.log():它用于调试目标。

语法如下:

console.log()

例子:本示例应用console.log()属性显示数据。

<!DOCTYPE html>
<html>
      
<head>
     <title>
         JavaScript Output using innerHTML
     </title>
</head>
  
<body>
     <h1>lsbin</h1>
  
     <h2>
         JavaScript Display Possibilities
         Using console.log()
     </h2>
  
     <p id = "GFG"></p>
      
     <!-- Script to use console.log() -->
     <script>
         console.log(10*2);
     </script>
</body>
  
</html>

输入如下:

更多前端开发相干内容请参考:lsbin – IT开发技术:https://www.lsbin.com/

查看以下更多Scala相干的内容:

  • JavaScript如何应用正则表达式?:https://www.lsbin.com/3805.html
  • JavaScript查看元素是否是父元素的子元素:https://www.lsbin.com/3652.html
  • 如何将jQuery转换为JavaScript?:https://www.lsbin.com/3257.html

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理