javascript从零开始第3天

今天给大家讲解一下javascript的输出(打印或者输出),
第一篇讲了一个document.innerHTML()方法 这就是其中一种输出的函数。今天讲一下以后大家会常用的弹出警告框和写入到浏览器控制台。
OK直接贴代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <span id="test">和夏天一起学JS 第三天</span>
        <button type="button" onclick="test()">点我</button>

        <script type="text/javascript"> 

            function test(){
                var a=5;
                var b=5;
                alert(a+b);
                console.log(a);
                document.write(Date()) ;
            }

        </script>
    </body>
</html>

点击运行,点击按钮

显示

点击确定,

显示

我们来讲解每句代码,我们用到了第二篇讲的事件,函数。
我们来看里面的代码
var a=5;
var b=5;

这是声明了两个变量 var 是声明变量时用到的,变量时java中的讲法,其实是对象,js有一个理论是万物皆对象。

alert(a+b);

alert就是弹出警告框,我在里面做了一个很简单的运算,第一个图片就是实现了弹出框显示里面的值。

console.log(a);

console.log是将括号里面的内容打印出来,他打印出来在哪里看,如果是用谷歌浏览器的就直接按F12
里面有个console
控制台
这就是打印的数据,里面打印了a的值。

document.write(Date()) ;

write是document对象里面的一个方法,会将页面上所有东西都覆盖掉,就是上面第二张图片显示日期,Date() 是JS里面的日期函数,显示当前浏览器日期,当然他可以格式化你们想要的样子,这个大家可以百度一下js日期格式化,不过我后面也会讲这个。今天就讲这么多。

第一篇 JavaScript入门篇 第1章 初步了解JavaScript 1.1 JavaScript是什么 1.2 JavaScript能做什么 1.2.1 表单数据合法性验证 1.2.2 页面特效 1.2.3 交互式菜单 1.2.4 动态页面 1.2.5 数值计算 1.3 JavaScript编程起步 1.3.1 “Hello World!”程序 1.3.2 选择JavaScript脚本编辑器 1.4 如何引入JavaScript脚本代码 1.4.1 通过<script>与</script>标记对引入 1.4.2 通过<script>标记的src属性引入 1.4.3 通过JavaScript伪URL引入 1.4.4 通过HTML文档事件处理程序引入 1.5 嵌入JavaScript脚本代码的位置 1.5.1 在<head>与</head>标记对之间放置 1.5.2 在<body>与</body>标记对之间放置 1.5.3 在两个标记对之间混合放置 1.6 选择合适的浏览器 1.7 处理不支持JavaScript脚本的情况 1.7.1 使用<!——和——>标记对直接屏蔽法 1.7.2 使用<noscript>和</noscript>标记对给出提示信息 1.8 本章小结 1.9 本章习题 第2章 JavaScript编程的语言基础 第3章 JavaScript事件处理 第4章 JavaScript基于对象编程 第5章 文档对象模型(DOM) 第6章 String、Math、Array等数据对象 第7章 Window及相关顶级对象 第8章 Document对象 第9章 HTML元素对象 第二篇 JavaScript进阶篇 第10章 正则表达式 第11章 客户端与服务器端通信 第12章 JavaScript与Ajax技术 第13章 JavaScript错误与异常处理 第三篇 JavaScript实例篇 第14章 JavaScript与插件通信 第15章 JavaScript常用特效收集
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值