<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>javascript输出</title>

    </head>

    <body>

        <h3>1.window.alert() 弹出警告框。</h3>

        <p style="cursor: pointer;color: red;" onclick="outPut1()">点我</p>

        <!-- onclick="outPut1()"鼠标点击就执行outPut1()函数 -->

        <script type="text/javascript">

            function outPut1(){

                window.alert("AWSL！");/* 弹窗内容 */

                /* alert("AWSL！")，效果是一样的； */

            }

        </script>

        <p>--------------------------------</p>

        <h3>2.document.write() 将内容写到 HTML 文档中。</h3>

        <script type="text/javascript">

            document.write("<p>我是写入内容！</p>");/* 输出内容 */

            /* 这里不用加函数，003一文中说过，如果写在函数中，当函数被调用时，会覆盖整个文档； */

        </script>

        <p>--------------------------------</p>

        <h3>3.innerHTML 写入到 HTML 元素。</h3>

        <p id="demo1" onclick="outPut3()" style="color: red;cursor: pointer;">点我</p>

        <script type="text/javascript">

            function outPut3(){

                var x = document.getElementById('demo1');

                x.innerHTML='我是通过innerHTML写入的内容！';

            }

            /*

            document.getElementById('demo1').innerHTML='我是通过innerHTML写入的内容！';

            可以不用函数直接输出，这样就没有鼠标点击触发的效果；

            */

        </script>

        <p>--------------------------------</p>

        <h3>4.console.log() 写入到浏览器的控制台。</h3>

        <p>浏览器中(Chrome,IE,UC)使用 F12 或 网页 右键>检查 来启用调试模式，

            在调试窗口中点击 "Console" 菜单。</p>

        <p onclick="outPut4()" style="color: red;cursor: pointer;">点我</p>

        <script type="text/javascript">

            function outPut4(){

                console.log('测试控制台输出内容！');

            }

            /*

            console.log('测试控制台输出内容！');

            同上，可以不用函数直接输出；

            */

        </script>

    </body>

</html>

JavaScript004，输出的更多相关文章

  1. mapreduce多文件输出的两方法

    mapreduce多文件输出的两方法   package duogemap;   import java.io.IOException;   import org.apache.hadoop.conf ...

  2. Android Studio 多个编译环境配置 多渠道打包 APK输出配置

    看完这篇你学到什么: 熟悉gradle的构建配置 熟悉代码构建环境的目录结构,你知道的不仅仅是只有src/main 开发.生成环境等等环境可以任意切换打包 多渠道打包 APK输出文件配置 需求 一般我 ...

  3. nodejs进阶(1)—输出hello world

    下面将带领大家一步步学习nodejs,知道怎么使用nodejs搭建服务器,响应get/post请求,连接数据库等. 搭建服务器页面输出hello world var  http  =  require ...

  4. .NET Core的日志[2]:将日志输出到控制台

    对于一个控制台应用,比如采用控制台应用作为宿主的ASP.NET Core应用,我们可以将记录的日志直接输出到控制台上.针对控制台的Logger是一个类型为ConsoleLogger的对象,Consol ...

  5. WebApi接口 - 响应输出xml和json

    格式化数据这东西,主要看需要的运用场景,今天和大家分享的是webapi格式化数据,这里面的例子主要是输出json和xml的格式数据,测试用例很接近实际常用情况:希望大家喜欢,也希望各位多多扫码支持和点 ...

  6. node中子进程同步输出

    管道 通过"child_process"模块fork出来的子进程都是返回一个ChildProcess对象实例,ChildProcess类比较特殊无法手动创建该对象实例,只能使用fo ...

  7. Java程序：从命令行接收多个数字，求和并输出结果

    一.设计思想:由于命令行接收的是字符串类型,因此应先将字符串类型转化为整型或其他字符型,然后利用for循环求和并输出结果 二.程序流程图: 三.源程序代码:   //王荣荣 2016/9/23     ...

  8. 【夯实PHP基础】nginx php-fpm 输出php错误日志

    本文地址 原文地址 分享提纲: 1.概述 2.解决办法(解决nginx下php-fpm不记录php错误日志) 1. 概述 nginx是一个web服务器,因此nginx的access日志只有对访问页面的 ...

  9. 【SAP业务模式】之ICS（六）：发票输出类型

    这篇开始主要讲述发票输出类型: 首先我们新建一个发票类型,用于公司间的发票MIV,而标准的发票类型还是F2保持不变: 一.新建发票类型: 目录:SPRO-销售与分销-出具发票-开票凭证-定义出具发票类 ...

随机推荐

  1. Nginx基本使用方法

    原帖:http://zyjustin9.iteye.com/blog/2017394 相信很多人都听过nginx,这个小巧的东西慢慢地在吞食apache和IIS的份额.那究竟它有什么作用呢?可能很多人 ...

  2. 逆转单向链表看这一篇就够了【JAVA】

    逆转单向链表 逆转前: 1 -> 2 -> 3 -> 4 -> 5 -> null 逆转后: 5 -> 4 -> 3 -> 2 -> 1 -> ...

  3. [CF293B]Distinct Paths_搜索_剪枝

    Distinct Paths 题目链接:http://codeforces.com/problemset/problem/293/B 数据范围:略. 题解: 带搜索的剪枝.... 想不到吧..... ...

  4. springboot集成elk 一： springboot + Elasticsearch

    1.ELK介绍 1> Elasticsearch是实时全文搜索和分析引擎, 提供搜集.分析.存储数据三大功能: 是一套开放REST和JAVA API等结构提供高效搜索功能,可扩展的分布式系统. ...

  5. 第一坑：class编译版本

    这个坑是刚去公司的时候,公司项目运行环境的jdk版本是1.5,当时我编译版本是1.7,然后放上去一直报找不到class的错误,我硬是找了半天,后来才听说要用1.5版本编译.

  6. TypeScript 高级类型

    ⒈交叉类型(Intersection Types) 交叉类型是将多个类型合并为一个类型. 这让我们可以把现有的多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性. 例如, Person &a ...

  7. RMAN执行crosscheck archive报错ORA-19633问题处理

    一.问题现象 RMAN connect target /; run { crosscheck archivelog all; } ORA-: control file record is out of ...

  8. mysql存储emoji表情报错的处理方法【更改编码为utf8mb4】

    utf-8编码可能2个字节.3个字节.4个字节的字符,但是MySQL的utf8编码只支持3字节的数据,而移动端的表情数据是4个字节的字符.如果直接往采用utf-8编码的数据库中插入表情数据,Java程 ...

  9. （十七）SpringBoot之使用异步消息服务jms之ActiveMQ

    一.引入maven依赖 <dependencies> <dependency> <groupId>org.springframework.boot</grou ...

  10. LeetCode 1103. Distribute Candies to People

    1103. Distribute Candies to People(分糖果||) 链接:https://leetcode-cn.com/problems/distribute-candies-to- ...