码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript入门学习

时间:2016-08-11 17:46:13      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

编程之道,程序员不仅仅要精通一门语言,而是要多学习几门。

本学习之源出自柠檬学院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 onload="getDate()">表示的是加载页面时调用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 onload="getdate()">
</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(){
                //内容
            }

Javascript入门学习

标签:

原文地址:http://www.cnblogs.com/biehongli/p/5761644.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!