乐趣区

关于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
退出移动版