HTML、javascript简介【02】_简单javascript介绍
对于javaweb，无论是基于jsp、.NET还是asp的开发，都毫无疑问的用到了ＨＴＭＬ，
HTML是前台页面开发的主要出力着，但是ＨＴＭＬ并不是完美的，我们所说的javascript可以说就是补足了ＨＴＭＬ的不完美之处，HTML有了javascript的应用，可以说是如虎添翼。
javascript简介
一提javascript，相信有好多的同学都存在一个误区。就是javascript和java是什么关系？不知道有没有同学了解当年Oak争夺GREEN项目，有兴趣的同学可以搜一下，javascript和java是两个八竿子打不着的事情，javascript开发出来后，当时java已经风靡世界，俗话说的好啊，大树底下好乘凉，javascript就借用了java的名字起名叫javascript，希望人们在学习java的同时能够顺带着看看javascript。
什么是javascript？
javascript（java脚本）是一种基于对象（object）和事件驱动(Event Driven)并具有安全性能的脚本语言，是由Netscape公司的LiveScript
发展而来的，使用javascript可以轻松的实现和HTML的互操作，并且完成丰富的页面交互效果，它是通过嵌入或调入在标准的HTML语言中实现
的，它的出现弥补了HTML语言的缺陷，它是java与HTML折衷的选择
基于对象：指的是在程序的内部已经为用户提供好了若干个对象，用户直接使用这些对象即可，而java属于面向对象的语言，那么所谓的面向对象就是指类需要用户自己定义，对象需要由用户自己产生
javascript的简单应用
如果现在想要在HTML中语言中使用javascript，只需要编写script元素即可
- <html>
- <head>
- <title> New Document </title>
- <script language="javascript">
- alert("Hello world!!"); //输出语句
- alert("Hello binzhouxueyuan!");
- </script>
- </head>
- <body>
- </body>
- </html>
javascript代码包含在标签<script></script>插入到HTML中的<head></head>之中，如上图是执行结果，是一个提示框的形式
在一个HTML文件中也可以同时编写多个script元素
- <html>
- <head>
- <title> New Document </title>
- <script language="javascript">
- alert("Hello world!!");
- alert("Hello binzhouxueyuan!");
- </script>
- </head>
- <body>
- <script language="javascript">
- alert("Hello world!!");
- alert("Hello binzhouxueyuan!");
- </script>
- </body>
- </html>
Javascript的所有的代码都是采用顺序的方式执行的
如果现在不希望弹出警告框输出，而是希望可以在页面上输出也是可以的，将输出alert改成标准输出document.write()即可
- <html>
- <head>
- <title> New Document </title>
- <script language="javascript">
- document.write("<h1>Hello World</h2>");
- document.write("<h5>Hello mldn</h5>");
- </script>
- </head>
- <body>
- </body>
- </html>
运行结果：
可以发现所有的HTML元素可以直接使用javascript进行输出
但是，此时的所有的代码都是在一个HTML文件中编写，那么如果此时编写的javascript代码过长的话，则肯定非常的麻烦，一般 在开发中都会使用一个*js的文件保存所有的javascript代码，用的时候直接导入即可。
- 这是一个hello.js
- alert("Hello World!!");
- <html>
- <head>
- <title> New Document </title>
- <script language="javascript"
- src="hello.js"> // 在这个地方导入上面定义的'hello.js文件"，这样可以输出“Hello World!!”
- </script>
- </head>
- <body>
- </body>
- </html>