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-销售与分销-出具发票-开票凭证-定义出具发票类 ...
随机推荐
- 前端通过将json转成excel文件下载
方法一: 将table标签,包括tr.td等对json数据进行拼接,将table输出到表格上实现,这种方法的弊端在于输出的是伪excel,虽说生成xls为后缀的文件,但文件形式上还是html,代码如下 ...
- Office 2016、2019 与 Office 365 的区别
点开观看更清晰:
- 20191011-构建我们公司自己的自动化接口测试框架-ProVar模块
ProVar模块主要定义测试数据所在目录,以及定义变量和测试数据excel里面的column对应这样后续在进行excel操作的时候直接使用变量即可进行操作,后期excel的column有增删的时候,修 ...
- Python+Appium启动手机APP或者浏览器
一.设备信息配置 脚本如下: from appium import webdriver class my_app(): def __init__(self): desired_caps = {} # ...
- Nginx 路由重写
很多时候我们的真实路由是隐藏的,都经过重写后展现到前台,下面简单写两个我经常用到的几个: 一般在配置*.host(在http里面引入的server配置)的时候会用到每个不同网址的路由重写,每一个rew ...
- (十)mybatis之缓存
一.缓存的意义 将用户经常查询的数据放在缓存(内存)中,用户去查询数据就不用从磁盘上(关系型数据库数据文件)去查询,从缓存中进行查询,从而提高查询效率,解决了高并发系统的性能问题. 二.mybatis ...
- kafka之基本介绍
什么是kafka? Kakfa起初是由LinkedIn公司开发的一个分布式的消息系统,后成为Apache的一部分,它使用Scala编写,以可水平扩展和高吞吐率而被广泛使用.目前越来越多的开源分布式处理 ...
- 调用顺丰API实现电商专递下单和获取面单功能
参考文章:https://www.cnblogs.com/zhangxiaoyong/p/8317229.html 顺丰需求文档: 链接:https://pan.baidu.com/s/16EEaph ...
- VS App_Code文件夹下的类文件不能直接被调用的解决方法
如下图所示,新建的类不能直接使用,会显示报错,检查命名空间什么的,未果 通过百度搜索,发现这么一篇文章:https://blog.csdn.net/younghaiqing/article/detai ...
- MiniUI学习笔记一【转】
MiniUI Api文档:http://miniui.com/docs/api/index.html 1.取组件值 传递form data,load发送 请求加载数据 <script type= ...