JS概述和JS嵌套

1、JavaScript概述

JavaScript是运行在浏览器上的脚本语言，简称JS。JavaScript是网景公司（NetScape）的布兰登艾奇开发的，最初叫LiveScriptLiveScript的出现让浏览器更加的生动了，不再是单纯的静态页面了。页面更具有交互性在历史的某个阶段，SUN公司和网景公司他们之间有合作关系，SUN公司把LiveScript的名字修改为JavaScript。

JavaScript这个名字虽然带有Java，但是和Java没有任何关系，只是语法上优点相似。他们运行的位置不同，Java运行在JVM当中，JavaScript运行在浏览器的内存当中。

JavaScript的程序不需要我们程序员手动编译，编写完源代码之后，浏览器直接打开解释执行JavaScript的“目标程序”以普通文本形式保存，这种语言叫做“脚本语言”，Java的目标程序以.class形式存在，不能使用文本编译器打开，不是脚本语言

2、 JavaScript嵌入HTML的三种方式：

嵌入JavaScript代码的第一种方式

1. JS是一门事件驱动型的编程语言，依靠事件（比如点击某个按钮）去驱动，然后执行对应的程序。在JS中有很多事件，其中有一个事件叫做：鼠标点击，单词：click。并且任何事件都会对应一个事件句柄叫做onclick。
   【事件和事件句柄的区别是：事件句柄在事件单词前加了一个on】，而事件句柄是以HTML标签的属性存在的。
2. onclick=“JS代码”，执行原理是什么？
   重点：页面打开的时候，JS代码并不会执行，只是把这段JS代码注册到按钮的click事件上了。等这个按钮发生click事件之后，注册在onclick后面的JS代码才会被浏览器调用
3. 怎么使用JS代码弹出消息框？
   在JS中有一个内置的对象叫做window,全部小写，可以直接拿来用，window代表的是浏览器对象。window对象里有一个alert函数

eg:< input type="button" value="点击" onclick="window.alert('hello jk')"/>

"window" 可以省略  

4. JS中的字符串可以使用双引号，也可以使用单引号。JS的一条语句结束之后可以用"；"，也可以不用。

嵌入JavaScript代码的第二种方式:脚本块的方式，在css里面叫做样式块

< script type="text/javascript">

javascript的脚本块在一个页面中可以多次出现，没有要求javascript的脚本块出现位置也没有要求

嵌入JavaScript代码的第三种方式:引入外部独立的js文件

在需要的位置上引入js脚本文件，引入外部独立的js文件的时候，js文件中的代码会遵循自上而下的顺序依次逐行执行
引入方式：

< script type="text/script" src="js脚本">< /script> 

注意：css引入是href，JavaScript引入是src

同一个js文件可以被多次引入，但是很少用

  < script type="text/script" src="js脚本" window.alert("hello kitty")>< /script> 
  //这里面的js脚本块是不会执行的
  < script type="text/script" src="js脚本">< /script> 
  < script type="text/script" window.alert="hello kitty">< /script>
  //这样的话里面的JS代码块是可以执行的