***************概要***************

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

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.保存之后用浏览器打开，然后点击“辛星”button，发现会有一个弹出的对话框，上面书写十个大字"Hello world".

4.通过上面的样例大家也能够看到，我们这里採用的是直接把Javascript代码嵌入到html文件里去。当然，也能够分开写，然后由html文件去导入该Javascript文件。

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

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

7.我们在body标签中有一个Buttonbutton，它的作用是点击的时候会触发一定的事件，即调用一定的函数，这里的函数就是我们的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文件。执行。发现我们点击“辛星”button的时候，会弹出一个“辛星”的对话框。

4.须要记住的是，我们引入的js文件里直接写js代码就能够了，不须要额外的使用什么标签。

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

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

2.然后，我们开始了第一次js计划，然后，我们解释了一下js书写位置代码。

2014在辛星Javascript口译科的更多相关文章

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

    本小节我们解说一下Javascript的语法,尽管js语言很easy,它的语法也相对好学一些,可是不学总之还是不会的,因此,我们来一探到底把. ********凝视************* 1.我们 ...

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

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

  3. 2014年辛星Javascript解读第三节

    经过第一节的入门和第二节的运算符.那么接下来我们就能够学习Javascript的函数了,当然了.无论大家之前学习的是什么编程语言.都会有函数的概念,假设大家学的是Pascal,还会有"过程& ...

  4. 2014年度辛星css教程夏季版第六节

    这一节我们就要讲到布局了,其实布局本身特别简单,但是要合理的布好局就不那么简单了,就像我们写文章一样,写一篇文章非常简单,但是要写一篇名著就很难了,这需要我们扎实的功底和对文学的理解,但是,千里之行, ...

  5. 2014年度辛星css教程夏季版第五节

    本小节我们讲解css中的”盒模型“,即”box model“,它通常用于在布局的时候使用,这个”盒模型“也有人成为”框模型“,其实原理都一样,它的大致原理是这样的,它把一个HTML元素分为了这么几个部 ...

  6. 2014年度辛星css教程夏季版第四节

    接下来的这一节我计划讲解的是超链接和列表的样式,然后我们做出一个导航栏出来,其实导航栏是非常常见的,但是我们这里做得这个有点并不那么完善,等我们学完了css之后再完善它. ************** ...

  7. 2014年度辛星css教程夏季版第三节

    第二节我们讲述的几乎全是CSS的选择器,那么下面这一节我们来讲一下CSS的颜色和文本的一些东西,虽然我对调色不大敏感,但是对于颜色还是比较感兴趣的. *********CSS中的颜色********* ...

  8. 2014年度辛星css教程夏季版第二节

    第一节我们简介了一下CSS的工作流程,我相信读者会有一个大体的认识,那么接下来我们将会深入的研究一下CSS的细节问题,这些问题的涉及将会使我们的工作更加完善. *************注释***** ...

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

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

随机推荐

  1. fck编辑器的使用

    FCK编辑器的使用 注意:编辑器有浏览器缓存,所以修改配置后,一定要删一下缓存 这个编辑器是采用 html+javascript 开发出来的 通常作为插件来使用: 1,下载插件包 2,解压,加压之后看 ...

  2. 表达式树动态拼接lambda

    动态拼接lambda表达式树   前言 最近在优化同事写的代码(我们的框架用的是dapperLambda),其中有一个这样很普通的场景——界面上提供了一些查询条件框供用户来进行过滤数据.由于dappe ...

  3. 如何搭建NTP服务（转）

    最近,在搭建Oracle RAC过程中,需要用到DNS和NTP,其中,DNS用于域名.IP管理,NTP用于时间同步.其实,很久以前搭建过这两种服务,但技术,本质上,符合“用进废退”的客观规律.用得越频 ...

  4. The tempfile module

    The tempfile module The tempfile module This module allows you to quickly come up with unique names ...

  5. SecureCRT 连接虚拟机Linux

    SecureCRT 连接虚拟机Linux   最近在学习linux,在学习中遇到了一些问题,现总结一下. 虚拟机我用的是VirtualBox,完美支持中文,可以在电脑中创建虚拟机环境,上手非常简单.具 ...

  6. Java程序猿之从菜鸟到职场高手的必看

    J2SE之入门引导            Java基础系列之初识JAVA                                           Java基础系列之Java语法       ...

  7. 乞讨N!到底有多少0

    分析: 对N质因数分解 N=2^x * 3^y * 5^z....因为10 = 2*5,所以末尾0的个数仅仅和x与z有关,每一对2和5相乘能够得到一个10.于是末尾0的个数=min(x,z).在实际中 ...

  8. Unity3D ITween!

    percentage +=0.001f; iTween.PutOnPath(gameObject,path,percentage); //You can cause the object to ori ...

  9. 采用 audio 和 embed 实现浏览器的兼容性页音频播放

    采用 audio 和 embed 实现浏览器的兼容性页音频播放 采用 audio 和 embed 实现浏览器的兼容性页音频播放 学习参考源代码如下所示: function playSound() { ...

  10. 【译】ASP.NET MVC 5 教程 - 9：添加新字段

    原文:[译]ASP.NET MVC 5 教程 - 9:添加新字段 在本节中,我们将使用Entity Framework Code First 数据迁移功能将模型类的改变应用到数据库中. 默认情况下,当 ...