web编程用JavaScript怎么样？

Javascript跟Java是完全不同的语言，如果硬拉关系的话，算是有半毛钱的关系。1995年网景磨铅公司最先开发并搭载在NetscapeNavigator2.0浏览器上。最初的名字叫LiveScript。1996年微软的IE3.0上搭载该语言，当时Sun公司开发的Java很火，于是借了个光改名为Javascript。根据Stackover的统计，全世界有超过85%的程序员在使用JS，是最流行的编程语言。特别是谷歌在浏览器上开发了V8引擎之后，JS的执行速度大幅提升，2009年Node.js出场，开启了用JS做Web后台的开发的时代。不过，辩闷后来推出的Javascript2.0和Javascript.Net都不成功，Web后台被Python等语言抢了戏。这里就说几个用JS做Web开发的场景吧。

页面小程序

JavaScript随网页数据一同下载到浏览器上，下载完成之后，就可以被执行，控制网页接下来的动作。网页的很多事件都可以触发JS，比如，onLoad,onClick,onBlur等等。这些特征使JS可以用来做输入内容的检查，还可以对网页做很多动态装饰。用JS开发的页面小程序流行了一段时间。后来，随着Flash小游戏的兴起，JS的热度才降低了一些。

动态网页

最初，JS主要用于网页装饰,2005年可异步加载网页数据的技术Ajax被提了出来，网页不必再服务器上做好，可由JS分步下载数据，在客户端动态生成网页的技术迅速流行起来。JQuery也被开发了出来。谷歌不失时机地在Chromes浏览器上搭载了JS的V8引擎，使得JS的执行速度大大提高。在谷歌的大力推动之下，JS又火了一把。

Web后端

2009年，JS的执行环境Node.js被开发出来，JS终于可以脱离浏览器独立在服务器上运行了。得益于V8的良好性能，Node.js解决了1万次以上的并发(C10K)所造成的网站性能恶化的问题，并因此受到了阿里，优布等一些巨头的青睐。尽管如此，可能是受瞎灶好到软件生态圈的影响，Node.js一直不温不火。

综上所诉，Javascript既可用于开发Web前端，也可用于开发Web后端。尽管作为Web后端的开发语言，它并非是最受欢迎的，但是，Javascript一直稳坐Web前端最受欢迎的编程语言的位置，几乎被所有浏览器奉为标准，这一点还没有第二种Web前端的编程语言能与之抗衡。

1、浏览器控制台运行

JavaScript不同于java语言或者c语言，需要环境、需要编译再运行，js在被制造出来时，就是为浏览器而生，可以直接御拿在浏览器里运行，这里以谷歌浏览器为例，鼠标右键检查或者快捷键F12即可看到控制台可以理解为 *** 作系统里的命令行模式

在这里就可以直接输入我们想输入的js代码，回车即可查看代码执行结果

在浏览器输入js代码的好处显而易见：方便，打开浏览器就能输代码查看执行结果，我平常也多用浏览器控制台学学原生js的原理或者看看正则是不是匹配，因为浏览器控制台的缺点太多了： *** 作不便，没法文件 *** 作只能命令行，找错困难，大多数时候的js是有依赖的，控制台不方便整依赖，所以，一般控制台也就执行执行简单原生的js

2、写在HTML里运行

实际上，我们肯定不想用命令行的方式，当然是用一个顺手的IDE写代码。

这种方式，就是我大学时候，老师们教的传统方式了。

学HTML的时候，会教到标签，有一个标签不同于别的花里胡哨的标签，这个标签很牛，叫做<script>脚本标签，用来嵌入或者引用可执行脚本，这里解释一下嵌入和引用。嵌入呢，就是把脚本写在标签里边儿，引用呢，就是把脚本写好，然后用标签引入这个脚本的路径

这是主流的写法也是主流的教法，嵌入的写法就是这样：

引用的写法是这样：

查看执行结果的话，点击IDE边上的浏览器图标或者右键run这个html页面，等浏览器d出来，右键检查就能看到控制台输出的值了

3、直接运行js

实际上上面第二种方法已经很靠谱很普及了，可还是用起来不舒服，每回都要写一个HTML，有的甚至还要再写一个js，那能不能像运行html一样，直接右键运行js呢？

当然是可以的！用node！以下是我花了一个小时才整成的历程！链蠢

1、由于我是新的电脑，我装了个nodejs，安装包安装完后，直接命令行执行node命令，即可以直接运行js代码

这样方式还是很蠢，和浏览器没什么区别

2、我用IDE些好的js文件，然后用node单独执行

看上去是好一点了，可以单独镇唤搭执行文件了，但是这样还是很蠢，每回打开cmd还要找到js的路径

3、插件(我这里用的IDEA)

这个user对象在页面上肯定是能获得到的吧？ user的type值应该对应<option>的value吧？

用jstl可以这样写（虽然有点笨，但是能解决问题）：

<option value="0" <c:if test="${user.type==0}">selected</c:if>>aa</option>笑皮

<option value="1"改升橡 <c:if test="${user.type==1}">selected</c:if>>bb</option>

<option value="2" <c:if test="${user.type==2}">selected</c:if>>dd</option>

以此类推，selected 的意思是： 它在哪个option 上， <select>默认就会选中哪个option，可能浏览器核旁不同 可以写成：selected = “selected”

用js可以这样写：var type = “${user.type}”document.getElementById("stu").value = type

js这种方法很早以前select标签是不支持这样写的，但是目前的各大浏览器，均支持这样写

---