<!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. 【数据库开发】Redis数据库服务器启动配置

    Redis简介 redis是一个key-value存储系统.和Memcached类似,它支持存储的value类型相对更多,包括string(字符串).list(链表).set(集合).zset(sor ...

  2. 高级UI-符合MD的常用控件

    在Google提供的控件中,在support-design及v4,v7包中,存在着很多符合MD标准的控件,这里罗列出一些常用的控件 TextInputLayout 这个控件在作为输入框的时候是极其方便 ...

  3. Idea生成的的第一个eureka注册中心服务器

    操作: 1.file->new->project     Spring Initializer ->default         点击next 2.输入     Group     ...

  4. PAT(B) 1005 继续(3n+1)猜想（Java）

    题目链接:1005 继续(3n+1)猜想 分析  找出所有的被"覆盖"的数,然后再将输入的数中不在被"覆盖"的数中的数添加到"关健数"中.输 ...

  5. uboot中打开 debug调试信息的方法

    在uboot目录下include/common.h中, 原理:只需要让 _DEBUG 的值为 1即可. 最简单的做法就是在下图第一行之前添加 #define DEBUG

  6. python中集合set，字典dict和列表list的区别以及用法

    python中set代表集合,list代表列表,dict代表字典 set和dict的区别在于,dict是存储key-value,每一个key都是唯一的,set相对于dict存储的是key,且key是唯 ...

  7. 利用jwt生成token，用于http请求身份验证

    前段时间在做移动端接口过程中,考虑到安全性,所有移动端发送请求(除了登录请求)过程中进行token有效验证. 1.利用jwt生成token a.导入jwt相关包 <!-- jwt --> ...

  8. shell脚本使用记录

    一些比较功能需求比较简单的可以考虑使用shell脚本来写,这样可以方便快捷稳定 1. 读取文件值,根据文件值1 或 0 来开启和关闭某些程序 a.  while : do done 是无限循环. b. ...

  9. Sublime Text 添加java环境

    jre/bin/ 目录下添加 runJava.bat @ECHO OFF cd %~dp1 ECHO Compiling %~nx1....... IF EXIST %~n1.class ( DEL ...

  10. java 框架-缓冲-Redis 1概述

    https://www.jianshu.com/p/56999f2b8e3b Redis 概述 在我们日常的Java Web开发中,无不都是使用数据库来进行数据的存储,由于一般的系统任务中通常不会存在 ...