标签：辛星 javascript 教程 html 前端
***************概述***************
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代码的书写位置。
标签：辛星 javascript 教程 html 前端
原文地址：http://blog.csdn.net/xinguimeng/article/details/38039529
