首页 > 代码库 > （1）认识javascript
（1）认识javascript
认识javascript
在本篇学习资料中，讲解javascript的基本概念、编写工具、在html中的使用：
JavaScript 是脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
Javascript作为一种可以给网页增加交互性的脚本语言。
JavaScript 的代码是一种文本字符格式，可以直接插入 HTML 页面的文档中，插入 HTML 页面后，并且可动态装载，由所有的现代浏览器执行。
Javascript是基于对象的，是一种基于对象和事件的驱动的编程语言，因而它本身提供了非常丰富的内部对象设计人员使用。（几乎所有的浏览器都支持javascript，如：Internet Explorer浏览器、 firefox火狐浏览器、Opera浏览器等等）
Html语言是静态的，一旦编写，内容是无法改变的。Javascript可以弥补这种不足，可以将内容动态地显示在网页中。
一、Javascript的特点：
1、是一种解释性脚本语言：
（非脚本语言编写的通常是需要经过编写---编译---链接---运行这四个步骤，而脚本语言javascript只需经过编写--运行着两个步骤）。
2、跨平台特性：
由于javascript程序的运行依赖于浏览器，只要操作系统中安装有支持javascript的浏览器即可，因此javascript和平台（操作系统）无关，可以在多种平台下运行（如Windows操作系统、Linux操作系统、Mac操作系统、Android操作系统、iOS操作系统等）。
3、基于对象和事件驱动：
Javascript把html页面中的每个元素都当作一个对象来处理，并且这些对象都具有层次关系，像一棵倒立的树，这种关系被称为“文档对象模型DOM”。在编写javascript代码是会接触到大量对象及对象的方法和属性。可以说学习javascript的过程，就是了解javascript对象及其方法和属性的过程。因为基于事件驱动，所以javascript可以捕捉到用户在浏览器中操作，可以将原来静态的html页面变成和用户交互的动态页面。
4、尽管javascript分为服务器端和客户端，但目前应用最多的还是客户端。
二、Javascript对的编辑器 ：
通常使用javascript编辑器的有“记事本”、“dreamweaver”、“EditPlus”“activate-power-mode atom package”等等，除了以上的编辑器外，网上还有很多种编辑器供大家使用，工欲善其事，必先利其器。选择一款适合自己的javascript编辑器，可以让你的编程工程事半功倍。
其实关键的是要选个好的调试器，因为，javascript调试是一件麻烦的事情，你可以通过下载火狐，去它提供的插件里找个firebug下载，或者IE较高版本的开发者工具，可以方便你调试，我用的比较习惯的是火狐，它很多时候可以很清晰的告诉你的js代码哪里有问题，更好的是它还提供断点调试。
三、Javascript在HTML中的使用有三种：
1、在html网页头head重嵌入javascript代码 ：
<!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title> Javascript在HTML中的使用 </title> <!--网页头“head”中嵌入javascript代码--> <script language="javascript"> document.write("你好，帅哥！欢迎来到javascript动态时空！") </script> </head> <body> <p>刚开始学习javascript，我高兴，我自豪，我膨胀！！</p> </body> </html>
效果图：
2、在html网页中嵌入javascript代码
<!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title> 网页中嵌入javascript代码 </title> </head> <body> <p>刚开始学习javascript，我高兴，我自豪，我膨胀！！</p> <!--网页中嵌入javascript代码--> <script language="javascript"> document.write("你好，帅哥！欢迎来到javascript动态世界！") </script> </html>
效果图：
3、在html网页的元素事件中嵌入javascript代码
<!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title> Javascript在HTML中的使用 </title> <!--在html网页的元素事件中嵌入javascript代码--> <script language="javascript"> function validate() { var _txtNameObj = document.all.txtName; var _txtNameValue = _txtNameObj.value; if((_txtNameValue == null)||(_txtNameValue.length<1)) { window.alert("文本框内容为空，请输入内容"); _txtNameObj.focus(); return; } } </script> </head> <body> <form method=post action="#"> <input type="text" name="txtName"> <input type="button"value="确定" onclick="validate()"> </form> </body> </html>
效果图：
4、在html中调用已经存在的javascript文件
<!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="Keywords" content="在HTML中使用Javascript，javascript入门，html"/> <meta name="Description" content="老罗江湖"/> <title> 在html中调用 外部javascript文件 </title> <script src="hi.js"></script> <!--提前做一个js文件作引用用--> </head> <body> <p>这里引用了一个javascript文件</p> </body> </html>
效果图：
hi.js部分：
//页面加载时执行的函数 function showEnter(){ alert("hello,javascript"); } //页面加载事件触发时调用函数 window.onload=showEnter;
通过外部脚本，可以轻易实现多个页面完成同一功能的脚本文件，可以方便地通过更新一个脚本内容实现批量更新。
四、下面来一个简单的javascript实例：
<!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="Keywords" content="在HTML中使用Javascript，javascript入门，html"> <meta name="Description" content="老罗江湖"> <title> 第一个javascript程序 </title> <script> //页面加载时执行的函数 function showEnter(){ alert("亲爱的帅哥，欢迎来到么么哒网站"); } //页面关闭时执行的函数 function showLeave(){ alert("bye bye 后会有期!"); } //页面加载事件触发时调用函数 window.onload=showEnter; //页面关闭载事件触发时调用函数 window.onbeforeunload=showLeave; </script> </head> <body> <center> <p>本案列实现的功能：当页面打开时，显示"亲爱的帅哥，欢迎来到么么哒网站"窗口。关闭页面时弹出窗口"bye bye 后会有期!!"</p> </center> </body> </html>
效果图：
对javascript有扎实的理解才能用它来撰写比较复杂的程序。
以上的内容部分来自“javascript从零开始学”和个人学习笔记，此文最终解释权归本人所有！
（1）认识javascript