编程之道,程序员不仅仅要精通一门语言,而是要多学习几门。
本学习之源出自柠檬学院http://www.bjlemon.com/,特此声明。
第一课
1:javascript的主要特点
解释型:不需要编译,浏览器直接解释执行
基于对象:我们可以直接使用JS已经创建的对象
事件驱动:可以对以事件驱动的方式相应客户端的输入,无须经过服务器端程序
安全性:不允许访问本地硬盘,不能将数据写入到服务器上
跨平台:js依赖浏览器本身,与操作系统无关
第二课
如何在网页中写Javascript
1:在页面中直接嵌入Javascript
<script language="javascript">
javascript程序
</script>
javascript可以插入在<head></head>标签中间,
也可以放在<body></body>标签中间
最常用放在<head></head>标签之间
案例如下,将javascript代码插入在<head></head>标签中间。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>初学javascript</title> <script language="javascript"> var now=new Date();//获取Date对象的一个实例 var hour=now.getHours();//获取小时数 var min=now.getMinutes();//获取分钟数 alert("当前时间"+hour+":"+min+"\n欢迎访问柠檬学院http://www.bjlemon.com/"); </script> </head> <body> </body> </html>
案例运行结果如下
案例2代码如下
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>我的年月日</title> <script language="javascript"> var now=new Date();//获取日期对象 var year=now.getYear()+1900;//获得年,在js中年份需要加1900才可以显示此时此刻的年份 var month=now.getMonth()+1;//获得月份,月份是0-11,所以在js中需要加1 var date=now.getDate();//获得日 var day=now.getDay();//获得星期几 var day_week=new Array("礼拜日","礼拜一","礼拜二","礼拜三","礼拜四","礼拜五","礼拜六"); var week=day_week[day]; var time="当前时间:"+year+"年"+month+"月"+date+"日"+week; alert(time); </script> </head> <body></body> </html>
案例2运行结果如下
2:引用外部的Javascript
如果脚本比较复杂或者是同一段代码被很多页面所使用,则可以将这些脚本代码放置在一个单独的文件中,该文件的扩展名是.js,然后再需要使用该代码的web页面中链接该javascript文件即可
<script language="javascript" src="*.js">
</script>
(建议)以上代码一般写在<head></head>中间比较好
在.js后缀的文件中,不需要使用<script></script>标签对括起来
<body >表示的是加载页面时调用getDate()方法getdate()是定义在.js后缀的文件中的方法
此案例后缀是.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>引用外部的js</title> <script language="javascript" src="js1.js"> </script> </head> <body > </body> </html>
此案例后缀是.js
function getdate(){ var now=new Date();//获取日期对象 var year=now.getYear()+1900;//获得年,在js中年份需要加1900才可以显示此时此刻的年份 var month=now.getMonth()+1;//获得月份,月份是0-11,所以在js中需要加1 var date=now.getDate();//获得日 var day=now.getDay();//获得星期几 var day_week=new Array("礼拜日","礼拜一","礼拜二","礼拜三","礼拜四","礼拜五","礼拜六"); var week=day_week[day]; var time="当前时间:"+year+"年"+month+"月"+date+"日"+week; alert(time); }
综合上面两个案例的运行结果是
第三课
javascript的语法
1:javascript的语法
1.1:js的变量区分大小写
usename,useName这是两个不同的变量
1.2:每行结尾的分号可有可无,如果语句的结束没有分号,那么js
会自动将这行代码的结尾作为语句的结尾
alert("hello world");
alert("hello world")
1.3:变量是弱类型
定义变量时只使用var运算符
例如:var usename="biexiansheng";
var age=22;
1.4:使用大括号标签代码块
{ //代码}被封装在大括号内的语句按照顺序执行
1.5:注释
1.5.1:单行注释 //
单行注释使用双斜线"//"开头,在"//"后面的文字即为注释内容
注释的内容在代码执行过程中不起作用。
var now=new Date();//获取日期对象
1.5.2:多行注释 /**/
多行注释以/*开头,以*/结尾,在两者之间的内容为注释内容
在代码执行过程中不起任何作用。
/*
*功能:获取当前日期
*作者:biexiansheng
*/
function getClock(){
//内容
}