JavaScript004，输出
<!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，输出的更多相关文章
- mapreduce多文件输出的两方法
mapreduce多文件输出的两方法 package duogemap; import java.io.IOException; import org.apache.hadoop.conf ...
- Android Studio 多个编译环境配置 多渠道打包 APK输出配置
看完这篇你学到什么: 熟悉gradle的构建配置 熟悉代码构建环境的目录结构,你知道的不仅仅是只有src/main 开发.生成环境等等环境可以任意切换打包 多渠道打包 APK输出文件配置 需求 一般我 ...
- nodejs进阶(1)—输出hello world
下面将带领大家一步步学习nodejs,知道怎么使用nodejs搭建服务器,响应get/post请求,连接数据库等. 搭建服务器页面输出hello world var http = require ...
- .NET Core的日志[2]:将日志输出到控制台
对于一个控制台应用,比如采用控制台应用作为宿主的ASP.NET Core应用,我们可以将记录的日志直接输出到控制台上.针对控制台的Logger是一个类型为ConsoleLogger的对象,Consol ...
- WebApi接口 - 响应输出xml和json
格式化数据这东西,主要看需要的运用场景,今天和大家分享的是webapi格式化数据,这里面的例子主要是输出json和xml的格式数据,测试用例很接近实际常用情况:希望大家喜欢,也希望各位多多扫码支持和点 ...
- node中子进程同步输出
管道 通过"child_process"模块fork出来的子进程都是返回一个ChildProcess对象实例,ChildProcess类比较特殊无法手动创建该对象实例,只能使用fo ...
- Java程序：从命令行接收多个数字，求和并输出结果
一.设计思想:由于命令行接收的是字符串类型,因此应先将字符串类型转化为整型或其他字符型,然后利用for循环求和并输出结果 二.程序流程图: 三.源程序代码: //王荣荣 2016/9/23 ...
- 【夯实PHP基础】nginx php-fpm 输出php错误日志
本文地址 原文地址 分享提纲: 1.概述 2.解决办法(解决nginx下php-fpm不记录php错误日志) 1. 概述 nginx是一个web服务器,因此nginx的access日志只有对访问页面的 ...
- 【SAP业务模式】之ICS（六）：发票输出类型
这篇开始主要讲述发票输出类型: 首先我们新建一个发票类型,用于公司间的发票MIV,而标准的发票类型还是F2保持不变: 一.新建发票类型: 目录:SPRO-销售与分销-出具发票-开票凭证-定义出具发票类 ...
随机推荐
- MySQL初始化脚本mysql_install_db使用简介及选项参数
mysql_install_db是一个默认放在.../mysql/scripts的一个初始化脚本. 该脚本可以在任何装有perl的操作系统上被使用,在5.6.8之前的版本,该脚本是一个shell脚本, ...
- linux下使用Oracle常用命令
进入Oracle用户 su - oracle 以dba身份进入sql语句 sqlplus / as sysdba 启动数据库相关命令启动数据库 startup 启动监听(关闭监听的命令lsnrctl ...
- Mongo Document 校验
Mongo Datamodel Validation mongo insert,update document时候的校验规则 指定validation rules new collection db. ...
- Elasticsearch集群搭建笔记（elasticsearch-6.3.0）
# 检查Java版本 java -version # 安装Elasticsearch,所有节点均安装并解压 wget https://artifacts.elastic.co/downloads/el ...
- mysql只会使用到一个索引的原因
select count(1) from table1 where column1 = 1 and column2 = 'foo' and column3 = 'bar' 其中column1,colu ...
- java输入输出 -- Java NIO之套接字通道
一.简介 前面一篇文章讲了文件通道,本文继续来说说另一种类型的通道 – 套接字通道.在展开说明之前,咱们先来聊聊套接字的由来.套接字即 socket,最早由伯克利大学的研究人员开发,所以经常被称为Be ...
- [tensorflow] 入门day1-数据整理与展示
tensorflow真是一个我绕不开的坑(苍天饶过谁.jpg) 其实tensorflow1和2的差别挺大的,暂时从1入坑,2的话之后简单过一下. tf2中更改的函数(供参考):https://docs ...
- MySQL提供的几种检索行数据的优化方式
ICP(Index Condition Pushdown): 在MySQL5.6之前,存储引擎会通过遍历索引定位基表中 的行,然后返回给Server层,再去为这些数据进行WHERE后的条件过滤.MyS ...
- 模块 json 和 pickle
目录 序列化 json 和 pickle 模块 序列化 序列:字符串 序列化:将其它数据类型转换成字符串的过程. 反序列化:字符串转成其它数据类型. 序列化的目的 1:以某种存储形式使用自定义对象持久 ...
- 创客课堂——Scratch实例演示
大家好,这里是蓝精灵创客公益课堂,我是蓝老师. 前两期我们认识了Scratch的界面和菜单功能,本期我们就可以根据提示的步骤,学习一些Scratch的基本操作. 下面就开始今天学习内容 一.开始移动 ...