对于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元素即可

 

   
   
   
   
    
    
    
    
    
  1. <html> 
    2. 
    
    
    
    
  2.   <head> 
    3. 
    
    
    
    
  3.    <title> New Document title> 
    4. 
    
    
    
    
  4.     <script language="javascript"> 
    5. 
    
    
    
    
  5.         alert("Hello world!!");            //输出语句
    6. 
    
    
    
    
  6.        alert("Hello binzhouxueyuan!"); 
    7. 
    
    
    
    
  7.     script> 
    8. 
    
    
    
    
  8.   head> 
    9. 
    
    
    
    
  9.   <body> 
    10. 
    
    
    
    
  10.   body> 
    11. 
    
    
    
    
  11.  html> 
    12.

 

 

HTML、javascript简介【02】_简单javascript介绍_第1张图片

javascript代码包含在标签插入到HTML中的之中，如上图是执行结果，是一个提示框的形式

在一个HTML文件中也可以同时编写多个script元素

 

   
   
   
   
    
    
    
    
    
  1. <html> 
    2. 
    
    
    
    
  2.   <head> 
    3. 
    
    
    
    
  3.    <title> New Document title> 
    4. 
    
    
    
    
  4.     <script language="javascript"> 
    5. 
    
    
    
    
  5.         alert("Hello world!!"); 
    6. 
    
    
    
    
  6.        alert("Hello binzhouxueyuan!"); 
    7. 
    
    
    
    
  7.     script> 
    8. 
    
    
    
    
  8.   head> 
    9. 
    
    
    
    
  9.   <body> 
    10. 
    
    
    
    
  10.   <script language="javascript"> 
    11. 
    
    
    
    
  11.         alert("Hello world!!"); 
    12. 
    
    
    
    
  12.        alert("Hello binzhouxueyuan!"); 
    13. 
    
    
    
    
  13.     script> 
    14. 
    
    
    
    
  14.   body> 
    15. 
    
    
    
    
  15.  html> 
    16.

 

Javascript的所有的代码都是采用顺序的方式执行的

   如果现在不希望弹出警告框输出，而是希望可以在页面上输出也是可以的，将输出alert改成标准输出document.write()即可


 

   
   
   
   
    
    
    
    
    
  1. <html> 
    2. 
    
    
    
    
  2.   <head> 
    3. 
    
    
    
    
  3.    <title> New Document title> 
    4. 
    
    
    
    
  4.     <script language="javascript"> 
    5. 
    
    
    
    
  5.         document.write("<h1>Hello Worldh2>"); 
    6. 
    
    
    
    
  6.        document.write("<h5>Hello mldnh5>"); 
    7. 
    
    
    
    
  7.     script> 
    8. 
    
    
    
    
  8.   head> 
    9. 
    
    
    
    
  9.   <body> 
    10. 
    
    
    
    
  10.   body> 
    11. 
    
    
    
    
  11.  html> 
    12.

运行结果：

HTML、javascript简介【02】_简单javascript介绍_第2张图片

 

 

可以发现所有的HTML元素可以直接使用javascript进行输出

  但是，此时的所有的代码都是在一个HTML文件中编写，那么如果此时编写的javascript代码过长的话，则肯定非常的麻烦，一般 在开发中都会使用一个*js的文件保存所有的javascript代码，用的时候直接导入即可。

 

 

 

   
   
   
   
    
    
    
    
    
  1. 这是一个hello.js
    2. 
    
    
    
    
  2. alert("Hello World!!"); 
    3.

 

 

   
   
   
   
    
    
    
    
    
  1. <html> 
    2. 
    
    
    
    
  2.   <head> 
    3. 
    
    
    
    
  3.    <title> New Document title> 
    4. 
    
    
    
    
  4.     <script language="javascript" 
    5. 
    
    
    
    
  5.           src="hello.js"> // 在这个地方导入上面定义的'hello.js文件"，这样可以输出“Hello World!!”
    6. 
    
    
    
    
  6.         
    7. 
    
    
    
    
  7.     script> 
    8. 
    
    
    
    
  8.   head> 
    9. 
    
    
    
    
  9.   <body> 
    10. 
    
    
    
    
  10.   body> 
    11. 
    
    
    
    
  11.  html> 
    12.