JavaScript入门指南

JavaScript_1

JavaScript是网站开发必备的技能之一。

JavaScript说简单其实很简单，说复杂其实也非常复杂，换句话说，如果你想简单的使用JavaScript，那么这是很容易实现的事情，如果你想深入了解它，这确实需要下很大功夫的。

JavaScript大概是我5月份学的内容，现在作为复习，以博客的形式记录下来我的总结，可能会出现不正确或不合理的地方，希望大家给予批评指正。

JavaScript的组成：

外部JS文件：

JavaScript文件以 .js 结尾

在html或者jsp中引入外部js文件的方式如下：

我们以引用新浪提供的外部JS为例：http://lib.sinaapp.com/

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>js_1</title>
	<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
</head>
<body>
	
</body>
</html>

网页的加载是从上往下的，为了加载页面的速度快点，我们习惯把JS文件放到body的最下面：

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>js_1</title>
</head>
<body>
	<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
</body>
</html>

上面介绍了引入外部非自己写的JS文件的方式，下面将为大家介绍如何自己写JS：

注：不是必须要提前加载的JS文件，我们一般习惯将其放到body里，你要知道，JS文件是可以放在head中的，下面我们只使用放到body中的方式。

嵌入到页面中的JS:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>js_1</title>
</head>
<body>
	<script type="text/javascript">
		alert("hello,js_1!");
	</script>
</body>
</html>

引入自己的JS文件：

将我们的JS写到外部JS文件中，在页面中引入：

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>js_1</title>
</head>
<body>
	<script type="text/javascript" src="js/js_1.js"></script>
</body>
</html>

显示页面如下：

引入目录结构：

js文件夹中的js文件

noscript提示：

虽然说现在的浏览器都支持JavaScript，但是浏览器可以禁用掉JS，如果用户禁用了JS，作为开发者应该给用户提示，使用下面的语句可以实现提示功能：

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>js_1</title>
</head>
<body>
	<noscript>您的浏览器禁用了JS功能</noscript>
	<script type="text/javascript" src="js/js_1.js"></script>
</body>
</html>