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

35次阅读

共计 1641 个字符，预计需要花费 5 分钟才能阅读完成。

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

正文完
javascript
发表至： javascript
2021-03-30
 0
关于javascript:监听非点击区域
关于javascript:JavaScript中的get和set方法详解原来js中的对象还可以有这种骚操作
React父子组件间的传值
记录一下常用的vscode快捷键