`

JS的三种输出方式

阅读更多

1.window.alert(”),弹框效果,window可省略。弹出比较突然,用户的体验不好,基本用来测试代码使用

<script type="text/javascript"> 
    /*
     *  window.alert()  把小括号里的内容,以弹窗的方式显示出来
     * window是BOM对象,指的是整个浏览器,可以省略不写
     * '我是李康达,我为GDP代言'
     * 我们需要输出的内容,这些内容需要用一对单引号或一对双引号引用起来
     * ;(分号)表示一行代码结束
     * 如果一行只写一行的代码可以省略分号,但是不建议
     * 
     */
    window.alert('我是李康达')
    alert("我为GDP代言")
</script>

2.console系列,会在控制台(一般使用F12键打开)输出内容,开发时会经常使用

<script>
    console.log('控制台.日志()');
    console.warn('控制台.警告()');
    console.error('控制台.错误()');
</script>

 

3.document.write(),直接在页面上输出内容

<script>
    /*
     * document     指的是我们所写的HTML文档
     * write()      把小括号里的内容输出到页面上
     */
    document.write('我是李康达');
</script>

 

 

.

分享到:
评论

相关推荐

    js引入方式,三种输出方式,一种输入方式,变量,基本数据类型,复合数据类型,数据分析,判断数据类型,算数运算符

    js输出方式有三种:控制台输出、弹窗警告框和输出内容到页面上。控制台输出使用console.log()、console.warn()和console.error()方法;弹窗警告框使用alert()方法;输出内容到页面上使用document.write()方法。 js...

    node运行js获得输出的三种方式示例详解

    在Node.js环境中,有多种方式可以获取和输出程序运行的结果。本文将详细讲解三种常见的方法:通过`console.log`输出、通过文件读写交互以及通过启动HTTP服务接收HTTP请求。这些方法在不同的场景下各有优势,理解并...

    JS 通过传参的方式输出 ab

    在JavaScript(JS)中,通过传参的方式输出"ab"涉及到基本的函数调用和字符串操作。在这篇博客中,我们将深入探讨这个话题,并提供一个简单的示例来演示如何实现这个功能。 首先,理解参数传递在JavaScript中的工作...

    循环输出图形_javascript

    在JavaScript中,循环结构是一种控制流程结构,用于重复执行一段代码直到满足特定条件为止。主要的循环结构包括`for`循环和`while`循环。 - **for循环**:适用于已知循环次数的情况。语法格式为: ``` for (初始化...

    html转换成js输出

    标题中的“html转换成js输出”指的是将HTML代码转换为JavaScript语法,以便在浏览器环境中动态渲染HTML内容。这种技术常用于提高网页加载速度,减少HTTP请求,或者在某些情况下,如实现服务器端渲染(SSR)或客户端...

    json解析的三种方式

    本篇文章将详细阐述JSON解析的三种主要方式,帮助你更好地理解和掌握JSON数据处理。 ### 1. JavaScript原生解析 在浏览器环境中,JavaScript提供了内置的JSON对象,包含`parse()`和`stringify()`两个方法,用于...

    JS获取系统日期并输出多种格式

    JavaScript(简称JS)是一种广泛用于网页和网络应用的脚本语言,它可以在用户的浏览器上运行,无需服务器支持。在JS中获取系统日期并输出多种格式是常见的需求,尤其是在处理动态数据、日志记录或者用户界面交互时。...

    servlet输出JS乱码问题

    知识点:Servlet输出JS乱码问题解析与解决方案 一、Servlet与JS输出背景 Servlet是Java Web应用中的核心组件,主要用于处理客户端发送的HTTP请求,并生成响应。在Web开发中,Servlet经常被用来处理业务逻辑,然后...

    Qt6 QML Book/JavaScript/创建JS控制台示例源码

    总的来说,Qt6 QML结合JavaScript提供了一种强大的方式来创建交互式的桌面和移动应用程序。通过理解如何创建JS控制台,你可以更好地掌握QML和JavaScript的结合使用,从而提高你的Qt应用开发能力。

    javascript js如何根据数据生成png图片.zip_jsp js

    JavaScript库如HTML5的Canvas API或第三方库如jsCharts都提供了这样的功能。本篇文章将详细探讨如何使用JavaScript根据数据生成PNG图片,并关注相关知识点。 首先,我们可以利用HTML5的Canvas API来绘制图像。...

    JS中创建函数的三种方式及区分_.docx

    本文将详细介绍JavaScript中创建函数的三种方式及其区别。 1. **函数声明**: 函数声明是JavaScript中最常见的一种定义函数的方式。例如: ```javascript function sum1(n1, n2) { return n1 + n2; } ``` ...

    javascript课程内容总结

    JavaScript 的输出方式有两种:document.write() 用于页面输出,console.log() 用于控制台输出。 弹窗 JavaScript 提供了三种弹窗方式:alert() 直接弹窗、confirm() 确认弹窗和 prompt() 输入框弹窗。 数据类型...

    JS各种加密多种方式( 全)

    JavaScript(简称JS)是一种广泛用于Web开发的轻量级编程语言,它在浏览器环境中执行,为网页添加交互性。在网络安全日益重要的今天,JS加密技术成为保护数据安全、防止恶意篡改的重要手段。本篇文章将深入探讨JS中...

    JS继承的实现方式

    ### JS继承的实现方式 JavaScript作为一种灵活且功能强大的编程语言,支持多种继承模式。下面将详细介绍几种常见的继承实现方式,并探讨它们的特点与应用场景。 #### 一、原型链继承 **核心思想**: 将父类的实例...

    javascript创建对象的方式(三)

    本文将详细探讨三种主要的创建JavaScript对象的方法,并结合“源码”与“工具”的概念,来深入理解这些方式在实际开发中的应用。 一、字面量(Literal)方式 这是最简单直接的对象创建方式,通过大括号 `{}` 将属性...

    javascript输出两个数之间能被5整除的数的和

    - 在JavaScript中,变量的作用域取决于它的声明方式。使用`var`声明的变量具有函数作用域或全局作用域。 - 在这段代码中,所有变量均在函数作用域内声明,确保了它们只在这个特定的上下文中可用。 2. **类型转换*...

    JS中三种编码方式(escape,encodeURI,encodeURIComponent)

    本文将详细探讨三种主要的编码方法:`escape()`, `encodeURI()`, 和 `encodeURIComponent()`,并解释它们之间的区别和应用场景。 首先,`escape()` 方法并不常用于现代Web开发,但它仍然是JavaScript内置的一个函数...

    js基础教程

    #### 三、JavaScript的插入方式 - **使用`&lt;script&gt;`标签**:可以直接在HTML文档中插入JavaScript代码。 - 内联脚本:在HTML元素的事件属性中直接编写JavaScript代码。 - 嵌入式脚本:在`&lt;script&gt;`标签内编写...

    Node.js-一个输出JSON模式的DSL

    标题中的“Node.js-一个输出JSON模式的DSL”暗示了我们将在Node.js环境中探讨一种特定的领域特定语言(DSL),这种DSL被设计用于生成或处理JSON(JavaScript Object Notation)数据。JSON是一种轻量级的数据交换格式...

Global site tag (gtag.js) - Google Analytics