02 js运行原理、js开发工具介绍、js程序入门、 js基本语法

浏览数：32 / 时间：2015年06月09日

因为js是由浏览器来解释执行的，因此这里有一个问题，不同的类型的浏览器可能对js的支持不一样。

js的运行一般分为：本地运行和远程运行

Tomcat架在公网上，其他网络用户可以访问，利用花生壳可以把一个内网的ip映射为公网

花生壳相当于用自己的服务器帮你转了一下而已。

如何选择开js发工具

微软的vs .net平台

Eclipse

我们先选择用记事本，到了对Javascript 有了一定的了解后，我们再使用高级开发工具Eclipse。

①更深刻的理解javascript技术，培养代码感。

②有利于公司面试

多查询javascript帮助文档

W3c、javascript文档。

Javascript特点：

Javascript是基于对象和事件驱动的（动态的）。

它可以对用户和客户输入做出相应，无须经过web服务程序。

对用户的反映响应，是采用事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产生的动作，就称为“事件”。比如按下鼠标、移动窗口、选择菜单都可以视为事件。当事件发生后，可能会引起相应的时间响应。

Javascript跨平台的。

Javascript 是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持javascript的浏览器就可以正确执行。

Js语言特点

JavaScript是脚本语言

JavaScript是解释执行的

Javascript可以对客户端编程，也可以对服务器编程（较少）。

JScript VS javascript 简单了解（Javascript 和 JScript）

①Jscipt 是微软开发的，而javascript则是网景和sun合作开发的

②在网景开发livescript (javascript前身)时，微软就意识到这个脚本语言会很火，于是找到网景表示希望合作开发livescript ,但网景最终选择和微软的对头sun公司合作开发livescript，并更名为javascript

③微软一气之下，开发了针对ie的脚本语言，并命名为JScript在当时的这两种脚本语言中语法是大相径庭的，给当时程序员带来很大麻烦，后来w3c出面了，w3c统一了标准（ECMAScript）所以现在这两种脚本语言的语法可以说90%以上都是相同的。

④在一定程度上，你可以认为jscript和JavaScript是一样的

⑤在网上你搜索JavaScript帮助手册，完成后打开一看是jscript帮助手册，就不足位怪。

需求：打开网页后显示helloWord

<html>
<!--js代码一般是放在head标签间的 但实际上也可以在别的地方-->
<head>
<script language="javascript">
    window.alert("Hello1!");
</script>

<script language="javascript">
    window.alert("Hello2!");
</script>
<script language="javascript">
    window.alert("Hello3!");
</script>
</head>
</html>

依次弹出三个窗口：

技术分享

问题：

（1）位置：Js的位置可以随意

Js必须用<script language="javascript"> </script>

（2）浏览器在执行的时候是扫描逐行执行的

【如果没有包起来，浏览器可以视其为普通文本】

（3）在一个html文件中（jsp/php/asp）可以出现多对<script>片段,浏览器会按照先后顺序依次执行。

案例2：Hello world 程序改进：

我们对hello,world进行改进：将其改进成一个简单的加法运算程序。

<html>
<head> 
</head>

<body>
<script language="javascript">
    //js中变量的定义（在js中变量用var表示，不管实际类型是什么。）
    //alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
    var num1=456;
    var num2=89;
    var result = num1 + num2;

    //alert()函数时window这个对象的函数
    //alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
    window.alert("结果是"+result);
</script>
</body>

</html>