头图

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>

输出如下:
image

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>

输出如下:
image

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>

输出如下:
image

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>

输出如下:
image

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

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


一盏木人
9 声望0 粉丝