Javascript入门学习

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

本学习之源出自柠檬学院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(){
                //内容
            }

时间: 2024-11-10 07:44:33

Javascript入门学习的相关文章

JavaScript入门学习书籍的阶段选择

对于许多想学习 JavaScript 的朋友来说,无疑如何选择入门的书籍是他们最头疼的问题,或许也是他们一直畏惧,甚至放弃学习 JavaScript 的理由.在 JavaScript 方面,自己不是什么专家,也不是什么高手,但自己一路走来,JavaScript 从迷茫到认识,对于JavaScript 书籍的认识或许还有些借鉴价值.入门推荐首选书籍:<JavaScript DOM 编程艺术>当初读了不下 4 遍,书内容简单,易学,上手快,编程思想严谨.好的入门书,对你未来的编程都会有着深远的影响

JavaScript入门学习(1)

<html> <script type ="text/javascript"> var i,j; for (i=1;i<10;i++){ for (j=1;j<i;j++){ document.write("a") } document.write("<br />"); } </script> </html> http://www.runoob.com/js/js-tutor

JavaScript入门学习之一——初级语法

JavaScript是前端编辑的一种编程语言(不同于html,html是一种标记语言),所以和其他的编程语言一样,我们将会从下面几点学习 基础语法 数据类型 函数 面向对象 JavaScript的组成 实际上一个完整的JavaScript是由下面三个不同的部分组成的 核心(ECMAScript) 文档对象模型(DOM),Document object model,整合了JS,CSS及Html 浏览器对象模型(BOM),Broswer object model,整合了JS和浏览器 简单的说,ESM

JavaScript入门学习之二——函数

在前一章中讲了JavaScript的入门语法,在这一章要看看函数的使用. 函数的定义 JavaScript中的函数和Python中的非常类似,只不过定义的方式有些不同,下面看看是怎么定义的 //定义普通函数 function f1(){ console.log('hello world!') } //定义带参数的函数 function f2(a,b){ console.log(a) console.log(b) } //定义带返回值的函数 function f3(a,b){ return a+b

JavaScript入门学习之四——DOM介绍及常用方法

在前面我们学习了JavaScript的基本语法,紧靠这些代码我们还无法实现浏览器的交互.也就是说我们还不能做出来平时常见到的网页交互.下面就需要引入一个新的知识点,也就是这一章要讲的:DOM. BOM——Browser Object Module,是指浏览器对象模型.通过这个模型可以实现JavaScript和浏览器之间的对话,包括后面要学习的DOM,可以访问Html中的所有文档中的元素. window对象 所有的浏览器都支持window对象,他表示浏览器窗口.所有的JavaScript全局对象,

JavaScript入门学习(2)--进度条

<html> <style type="text/css"> #bar{width:0px; height:20px; background:#ee00ff;}//定义进度条的前景色 </style> <script> var act; function over(){ var w=document.getElementById("bar").style.pixelWidth; if (w<400){ docum

JavaScript入门学习之四——JQuery入门

在前面一章我们已经点到过,很多的情况我们都是通过JQuery来对标签进行操作的,在这一章我们就来好好讲一讲这个JQuery. JQuery初识 先看看JQuery的使用 JQuery的特点: 可以用及其简练的语言来做JS做的事情(write less,do more) JQuery就是一个JS文件,相当于一个Python的第三方模块,直接拿过来用就可以了(但是需要按照要求的规则).但是原生的JS DOM是基础,其实还是通过这些基础来实现所有的操作. 我们要学习的,JQuery最常用的方向,也就是

JavaScript入门--慕课网学习笔记

 JAVASCRIPT-(慕课网)入门篇 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间. <script type="text/javascript">表示在<script></script>之间的是文本类型(text),ja

javascript入门视频第一天 小案例制作 零基础开始学习javascript

JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此,小强老师给大家写了这篇入门的javascript文章.从零基础开始学习js,使大家入门更简单,希望大家喜欢.JavaScript是一种脚本语言. 也是我们web网络中最为流行一种脚本语言.脚本语言:     1.不是独立存在的.需要依附.js就是依附在浏览器中.     2.脚本语言也是语言,也有