登录 |  注册
首页 >  编程语言 >  JavaScript入门教程笔记 >  JavaScript输出

JavaScript输出

JavaScript 没有任何打印或者输出的函数。

JavaScript 可以通过不一样的方式来输出数据:

  1. 使用 window.alert() 弹出警告框。

  2. 使用 document.write() 方法将内容写到 HTML 文档中。

  3. 使用 innerHTML 写入到 HTML 元素。

  4. 使用 console.log() 写入到浏览器的控制台。

  5. 使用 window.alert()


你可以弹出警告框来显示数据:

实例

<!DOCTYPE html> 
<html> 
<body> 
    <h1>我的第一个页面</h1> 
    <p>我的第一个段落。</p> 
    <script> 
        window.alert(5 + 6); 
    </script> 
</body> 
</html>

操作 HTML 元素

如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。

请使用 "id" 属性来标识 HTML 元素,并 innerHTML 来获取或插入元素内容:

实例

<!DOCTYPE html> 
<html> 
<body> 
    <h1>我的第一个 Web 页面</h1> 
    <p id="demo">我的第一个段落</p> 
    <script> 
        document.getElementById("demo").innerHTML = "段落已修改。"; 
    </script> 
</body> 
</html>

以上 JavaScript 语句(在 <script> 标签中)可以在 web 浏览器中执行:

document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。该方法是 HTML DOM 中定义的。

innerHTML = "Paragraph changed." 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。


在本教程中

在大多数情况下,在本教程中,我们将使用上面描述的方法来输出:

下面的例子直接把 id="demo" 的 <p> 元素写到 HTML 文档输出中:

写到 HTML 文档

使用 document.write() 方法将内容写到 HTML 文档中。此功能可用于写入文本和HTML。

出于测试目的,您可以将JavaScript直接写在HTML 文档中:

实例

<!DOCTYPE html> 
<html> 
<body> 
    <h1>我的第一个 Web 页面</h1> 
    <p>我的第一个段落。</p> 
    <script> 
        document.write(Date()); 
    </script> 
</body> 
</html>

请使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。

实例

<!DOCTYPE html> 
<html> 
<body> 
    <h1>我的第一个 Web 页面</h1> 
    <p>我的第一个段落。</p> 
    <button onclick="myFunction()">点我</button > 
    <script> 
        function myFunction() { 
            document.write(Date()); 
        } 
    </script> 
</body> 
</html>


写到控制台

如果您的浏览器支持调试,你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。

浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。

实例

<!DOCTYPE html> 
<html> 
    <body> 
        <h1>我的第一个 Web 页面</h1> 
        <script> 
            a = 5; 
            b = 6; 
            c = a + b; 
            console.log(c); 
        </script> 
    </body> 
</html>

提示:console.log() 方法能够让你看到你在页面中的输出内容,让你更容易调试javascript;与alert相比,console不会打断你页面的操作,console里面的内容非常丰富,你可以在控制台输入 console。


上一篇: JavaScript用法
下一篇: JavaScript语法
推荐文章
  • ASP.NET教程ASP.NET又称为ASP+,基于.NETFramework的Web开发平台,是微软公司推出的新一代脚本语言。ASP.NET是一个使用HTML、CSS、JavaScript和服务器脚本创建网页和网站的开发框架。ASP.NET支持三种不一样的开发模式:WebPages(Web页面)、
  • C# 判断判断结构要求程序员指定一个或多个要评估或测试的条件,以及条件为真时要执行的语句(必需的)和条件为假时要执行的语句(可选的)。下面是大多数编程语言中典型的判断结构的通常形式:判断语句C#提供了以下类型的判断语句。点击链接查看每个语句的细节。语句描述if语句一个 if语句 由一个布尔表达式后跟
  • C#循环有的时候,可能需要多次执行同一块代码。通常情况下,语句是顺序执行的:函数中的第一个语句先执行,接着是第二个语句,依此类推。编程语言提供了允许更为复杂的执行路径的多种控制结构。循环语句允许我们多次执行一个语句或语句组,下面是大多数编程语言中循环语句的通常形式:循环类型C#提供了以下几种循环类型
  • C#数组(Array)数组是一个存储相同类型元素的固定大小的顺序集合。数组是用来存储数据的集合,一般认为数组是一个同一类型变量的集合。声明数组变量并不是声明number0、number1、...、number99一个个单独的变量,而是声明一个就像numbers这样的变量,然后使用numbers[0]
  • ASP.NET是一个由微软公司开发的用于构建Web应用程序的框架,它是.NETFramework的一部分。它提供了一种模型-视图-控制器(MVC)架构、Web表单以及最新的ASP.NETCore中的RazorPages等多种开发模式,可以用来创建动态网页和Web服务。以下是一些基础的ASP.NET编
  • 异常是程序中的一些错误,但并不是所有的错误都是异常,并且错误有时候是可以避免的。比如说,你的代码少了一个分号,那么运行出来结果是提示是错误java.lang.Error;如果你用System.out.println(11/0),那么你是因为你用0做了除数,会抛出java.lang.Arithmeti
学习大纲