标签：
JavaScript是一门编程语言，浏览器内置了JavaScript语言的解释器，所以在浏览器上按照JavaScript语言的规则编写相应代码之，浏览器可以解释并做出相应的处理。
1.导入文件
<script type"text/javascript" src="JS文件"></script>
2.在html内部编写
<script type"text/javascript">
Js代码内容
</script>
由于Html代码是从上到下执行，如果Head中的js代码耗时严重，就会导致用户长时间无法看到页面，如果放置在body代码块底部，那么即使js代码耗时严重，也不会影响用户看到页面效果，只是js实现特效慢而已。
css代码存放位置：首先要记住html代码是从上往下解释的，如果css代码放在下面，在上面的代码使用css样式，如果css代码块放在下面就没有办法显示样式了。
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
function func(){
i =123
}
func();
alert(i)
</script>
<h1>Big</h1>
</body>
</html>
图片效果：
这里需要点击确定html效果才会出来。
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>Big</h1>
<script>
function func(){
i =123
}
func();
alert(i)
</script>
</body>
</html>
效果图：
不需要点击确定html的界面就能出来
JavaScript中变量的声明是一个非常容易出错的点，局部变量必须一个 var 开头，如果未使用var，则默认表示声明的是全局变量。
<script type="text/javascript">
// 全局变量 name = ‘seven‘; function func(){ // 局部变量 var age = 18; // 全局变量 gender = "男" }</script>
标签：
原文地址：http://www.cnblogs.com/Z-style/p/5789539.html
