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

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代码的书写位置。

2014年辛星完全解读Javascript第一节的更多相关文章

  1. 2014年辛星完全解读Javascript第二节

    本小节我们讲解一下Javascript的语法,虽然js语言非常简单,它的语法也相对好学一些,但是不学总之还是不会的,因此,我们来一探究竟把. ********注释************* 1.我们通 ...

  2. 2014年度辛星css教程夏季版第一节

    CSS是Cascading Style Sheets的缩写,即层叠样式表,它用于表现HTML的样式,即HTML只是去写该网页有哪些内容,至于如何去表现它们,由CSS去定制. ************* ...

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

    由于Javascript是脚本语言,因此,使用起来非常方便,数组的使用也是比较简单的,下面我们就主要介绍一下Javascript中数组的介绍,以及上一节中没有完成的对象的介绍. *********** ...

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

    json是JavaScript Object Notation的简写,它是一种轻量级的数据交换格式,而且表达上很容易靠字面去理解.json是用于存储和传输数据的格式,通常用于向服务器端传递数据. ** ...

  5. 2014年辛星完全解读Javascript第三节

    经过第一节的入门和第二节的运算符,那么接下来我们就可以学习Javascript的函数了,当然了,不管大家之前学习的是什么编程语言,都会有函数的概念,如果大家学的是Pascal,还会有”过程“的概念,但 ...

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

    随着面向对象的普及,现在很多语言都在支持面向对象,Javascript也不例外,所谓对象,就是拥有属性和方法的数据.这里的属性其实就是变量,这里的方法,其实就是函数.但是Javascript的面向对象 ...

  7. 2014年辛星完全解读Javascript第五节 break和continue与错误处理

    先说一下break和continue的主要用法吧,break用于跳出循环,continue用于跳过该循环中的一个迭代.简单的说,就是break直接从该语句跳出,但是continue不会跳出该循环语句, ...

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

    上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于任何一门编程语言来说,流程控制都是非常重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构******** ...

  9. 2014年度辛星html教程夏季版第一节

    从今天起开始在博客园开启自己的html教程啦,先从第一节开始把,首先推荐一个网站,就是http:/www.w3cschool.cc,这是一个公开的教学网站,但是它有一个问题,那就是虽然很全面,但是不是 ...

随机推荐

  1. 用eclipse javaEE编程时，不管什么程序都会出现这个错误[SetContextPropertiesRule]{Context} Setting property 'source' to 'org.eclipse.jst.jee.server:bookstore' did not find

    用eclipse javaEE编程时,不管什么程序都会出现这个错误[SetContextPropertiesRule]{Context} Setting property 'source' to 'o ...

  2. IIS 之 添加MIME扩展类型及常用的MIME类型列表

    经常用IIS作为下载服务器的时候有时传上去的文件比如 example.mp4 文件名上传后,但是用http打开的时候确显示为 404 文件不存在.其实是IIS对文件的一种保护,不在IIS指定的MIME ...

  3. 新闻头条应用源码ios版

    <ignore_js_op>      源码下载:http://code.662p.com/view/13343.html     作者ymcao,源码TopNewsIOS,新闻头条IOS ...

  4. C语言内存四区

    按照老版操作系统来学习,内存对于程序来讲分四区.分别是 代码区,静态区,栈,堆. 由上面程序执行的结果可知: 貌似结果就是 静态代码堆栈 静态区存放的是程序中所有静态变量和常量的值.静态区的大小是程序 ...

  5. AbStract 和Interface 方法是否能用Static修饰，为什么？

    Abstract 和Interface 方法是否能用Static修饰,为什么? interface中不能含有Static方法,属性,成员变量. Abstract中可以有Static方法,属性,成员变量 ...

  6. 服务器的SVN项目版本较低，check out 下来后报错

    check out下来后报错提示: svn: E155036: Please see the 'svn upgrade' commandsvn: E155036: Working copy '/hom ...

  7. （转）（contant的一些用法）

    主要就是增加约束的 以下几种约束 .并 一一列举: 1.主键约束:要对一个列加主键约束的话,这列就必须要满足的条件就是分空因为主键约束:就是对一个列进行了约束,约束为(非空.不重复)以下是代码  要对 ...

  8. 一个类似repo的小程序

    #! /usr/bin/env python # -*- coding: utf-8 -*- # usage : python EasyRepo.py -u "13051041" ...

  9. 点击穿透问题（http://www.tuicool.com/articles/6NfaUnM）

    一.click与300ms延迟 移动浏览器提供一个特殊的功能:双击(double tap)放大 300ms的延迟就来自这里,用户碰触页面之后,需要等待一段时间来判断是不是双击(double tap)动 ...

  10. 基于SMB共享文件夹的上传于下载

    需要用到的jar包   http://pan.baidu.com/s/1skQFk77 1.首先在一台电脑上设置共享文件夹 ----上传下载的方法类 package com.strongit.tool ...