2014年辛星Javascript解读第一节

***************概述***************

1.Javascript是一种原型化继承的基于对象的动态类型的脚本语言,它区分大小写,主要运行在客户端,用户即使响应用户的操作并进行数据的解析和传递。

2.Javascript和Java并没有太多的关系,只是名字重复了四个字母。

3.Javascript的主要功能是进行数据验证、提供网页特效,动态响应用户的操作,我们提到Javascript也通常会提到jQuery和Ajax。

************Javascript的历史***********

1.它的前身是LiveScript,首次投入使用是在1995年的Netscape的浏览器中。

2.后来微软涉足浏览器市场,导致该市场的前端脚本语言出现了三足鼎立的情况,也让前端的脚本开发变得非常混乱,于是,是时候制定一个标准了。

3.1997年,Javascript1.1被提交给ECMA,后来国际标准化组织及国际电工委员会也采纳了该提案,因此,它成了事实上的标准,不过它此时的名字叫做ECMAScript。

4.一个完整的Javascript有如下三部分组成:内核部分(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)。

*************第一个Javascript程序***********

1.我知道很多人学习编程是从helloworld开始的,那我们也从这个经典的helloworld开始把。

2.新建有一个html文件,用编辑器打开,书写如下代码:

<html>
<head>
<script>
function xin()
{
alert("Hello world");
}
</script>
</head>
<body>
<button type="button" onclick="xin()">辛星</button>
</body>
</html> 

3.保存之后用浏览器打开,然后点击“辛星”按钮,发现会有一个弹出的对话框,上面书写十个大字"Hello world".

4.通过上面的例子大家也可以看到,我们这里采用的是直接把Javascript代码嵌入到html文件中去,当然,也可以分开写,然后由html文件去导入该Javascript文件。

5.有些老旧的浏览器可能需要在script中加入type ="text/javascript",但是现在已经不需要了,现代浏览器以及HTML5都是默认使用Javascript的。

6.上面我们是定义了一个Javascript的函数,它使用function去定义,其他的部分和其他编程语言就很相似了,语法上也很接近Java。

7.我们在body标签中有一个Button按钮,它的作用是点击的时候会触发一定的事件,即调用一定的函数,这里的函数就是我们的script中的函数xin。

**************Javascript写在哪*******

1.我们上面是写在了head标签中,其实还可以写在body标签中。

2.看如下代码:

<html>
<head>
<script>
</script>
</head>
<body>
<script>
    document.write("<p>博客园辛星</p>");
    document.write("<p>传递温情</p>");
</script>
</body>
</html> 

3.就像我们导入css文件一样,我们也可以类似的方式导入Javascript文件,比如我们新建一个HTML文件,代码如下:

<html>
<head>
<script src = "my.js"></script>
</head>
<body>
    <button onclick = "xin()">辛星</button>
</body>
</html> 

然后我们在同一目录下新建一个my.js文件,内容如下:

function xin(){
    alert("辛星");
}

然后我们保存该html文件,运行,发现我们点击“辛星”按钮的时候,会弹出一个“辛星”的对话框。

4.需要记住的是,我们引入的js文件中直接写js代码就可以了,不需要额外的使用什么标签。

************小结*************

1.本小节我们解读了Javascript的基本知识。

2.然后我们开始了第一个js程序,然后我们解读了一下js代码的书写位置。

时间: 2024-10-19 21:47:41

2014年辛星Javascript解读第一节的相关文章

2014年辛星Javascript解读第二节

本小节我们讲解一下Javascript的语法,虽然js语言非常简单,它的语法也相对好学一些,但是不学总之还是不会的,因此,我们来一探究竟把. ********注释************* 1.我们通常用注释来标记一些代码,它会使得我们更好理解我们之前写过的程序代码,这些注释不会被解释执行,但是它是非常有用的. 2.Javascript支持以C++风格的//开头的单行注释,即两个斜线之后的部分直到这一行的结束,都会被当做注释来对待,它们是不会被计算机解释执行的. 3.Javascript还支持C

2014年辛星Javascript解读第四节 流程控制语句

上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于不论什么一门编程语言来说,流程控制都是很重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构*************** 1.Javascript中用条件语句来实现选择结构,它提供的选择结构主要是if语句.if....else语句和if...else if ...else语句,另一个switch语句,和PHP非常像. 2.这些语句都比較基础,因此我们这里仅仅给出if...else if..else的形

2014年辛星Javascript解读第五节 break continue 与异常处理

先说一下break和continue的主要用法吧,break用于跳出循环,continue用于跳过该循环中的一个迭代.简单的说,就是break直接从该语句跳出,但是continue不会跳出该循环语句,但是它会重新来过,即本次不会再次执行. ************具体说明************* 1.我们通过举例的形式来说明,首先看代码一: var sum = 0; for(i = 0;i<10;i++){ if(i==5){ break; } sum += i; } alert(sum);

2014年辛星Javascript解读第三节

经过第一节的入门和第二节的运算符,那么接下来我们就可以学习Javascript的函数了,当然了,不管大家之前学习的是什么编程语言,都会有函数的概念,如果大家学的是Pascal,还会有"过程"的概念,但是js中没有那么复杂. ************函数*********** 1.所谓函数,就是一些代码的集合,我们用一种形式把它封装起来,当做一个整体,就有了函数的概念. 2.在js中,我们首先使用关键词funtion来声明一个函数,然后紧跟的就是函数名,然后是一个小括号,括号内可以写一些

2014年辛星jquery解读第二节

*************jquery的语法****************** 1.jquery是通过选取HTML元素,并且对选取的元素执行某些操作,从而完成某些特效的. 2.因此,我们在使用jQuery的时候经常会看到如下的操作方式:$(选择器).功能() 3.这里的$符号是一个快捷操作符,而它后面的小括号里面的选择器则指出了我们要错做的HTML元素,然后我们执行这个action来对元素完成操作. 4.比如:$("p").hide() 这也是上一节我们用到的一种方式,我们可以用它去

2014年辛星完全解读Javascript第七节 数组和对象

由于Javascript是脚本语言,因此,使用起来非常方便,数组的使用也是比较简单的,下面我们就主要介绍一下Javascript中数组的介绍,以及上一节中没有完成的对象的介绍. **************数组************** 1.在Javascript中,声明一个数组太简单了,而且它支持三种方式,第一种方式是直接实例化一个Array,然后用下标的形式去添加,但是它不像PHP那样灵活,它不允许不写下标就向里面添加数据,因此,我们指定下标即可. 2.访问数组的成员就向C语言的数组那样访

2014年辛星完全解读Javascript第六节 对象

随着面向对象的普及,现在很多语言都在支持面向对象,Javascript也不例外,所谓对象,就是拥有属性和方法的数据.这里的属性其实就是变量,这里的方法,其实就是函数.但是Javascript的面向对象和其他编程语言还是有很大区别的. ************对象************* 1.Javascript中的对象的定义“属性的无序集合,每个属性存放一个初始值.函数或者对象”,也就是说,对象是没有额定顺序的值的数组. 2.Javascript中的对象一般可以分为本地对象.内置对象.宿主对象

2014年辛星完全解读Javascript第八节 json

json是JavaScript Object Notation的简写,它是一种轻量级的数据交换格式,而且表达上很容易靠字面去理解.json是用于存储和传输数据的格式,通常用于向服务器端传递数据. *************JSON************** 1.我们上一节介绍了对象,这一节我们将介绍json,json既然是一种数据的传输方式,那么它也必然会有自己的语法规则,它的语法规则如下:由大括号保存对象,由方括号保存数组,数据以键值对的方式存储,而且多个数据之间需要用逗号分开. 2.比如下

2014年度辛星完全解读html第二节

上面一节中我们介绍了HTML文件的书写和几个标签,接下来我们来认识几个其他的标签,这里我们主要介绍一下head标签和文本标签. ***************head标签************************ 1.所谓head,就是头的意思,它可以包含若干子标签,它的内容是不会再浏览器的文本区域显示的,但是它的作用非常广泛,下面我们重点介绍一下它的子标签. 2.head标签可以包含title标签,上面我们已经看到了,而title标签就是在浏览器的标题栏显示的内容,这点我们上节说了. 3