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-销售与分销-出具发票-开票凭证-定义出具发票类 ...
随机推荐
- 【数据库开发】C++测试redis中的publish/subscribe
运用 http://blog.csdn.net/xumaojun/article/details/51558237 中的redis_publisher.hredis_publisher.cpp red ...
- hdu 1106
排序 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submissi ...
- JAVA_split 字符串按照 . 分割
split 按照 . 分割字符串时 需要进行转义 代码: String[] str = obj_str.split("\\.") split 按照 \ 分割字符串时 需要多次转义 ...
- java 微信开发的工具类WeChatUtils
import com.alibaba.fastjson.JSONObject;import com.bhudy.entity.BhudyPlugin;import com.bhudy.service. ...
- Django多对多关系建立及Form组件
目录 Django多对多关系 1.创建方式一全自动 2.创建方式二纯手撸 3.半自动(推荐使用) forms校验组件 使用forms组件实现注册功能 form常用字段和插件 数据校验 钩子函数 HOO ...
- Excel计算、统计函数
Excel计算.统计函数 1.=SUMPRODUCT(array1,[array2]...) 返回对应的区域或数组的乘积之和. 默认运算是乘法,但加.减和除也可能. 2.=COUNT 计数 3.= ...
- echarts配置项说明//持续添加
<template> <div> <!-- <h2>本月抄表完成率</h2> --> <!-- <div id=&qu ...
- echarts的基本使用以及如何使用官方实例的方法
<!-- 为 ECharts 准备一个具备大小(宽高)的 DOM --> <div id="box" style="width: 600px;heigh ...
- Jfinal初次尝试及Jetty使用相关问题
Jetty介绍 Jetty官网:http://www.eclipse.org/jetty/ 参考:Jetty使用教程(一)--开始使用Jetty 1. 使用 参考上面文档,但是有些更新: echo $ ...
- .gitignore文件中添加忽略文件或者目录后,不起作用。
出现该问题的原因: 在git库中已存在了这个文件,之前push提交过该文件. .gitignore文件只对还没有加入版本管理的文件起作用,如果之前已经用git把这些文件纳入了版本库,就不起作用了. 解 ...