JavaScript入门指南_1

 JavaScript_1

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

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

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

 JavaScript的组成:

JavaScript入门指南_1 

外部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>

 显示页面如下:

JavaScript入门指南_1

引入目录结构:

JavaScript入门指南_1

js文件夹中的js文件 
JavaScript入门指南_1

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>

总结:

  • 引入外部的JS文件
  • 嵌入到页面的JS
  • 引入自己写的JS文件
  • 对于不支持JS的浏览器给出提示

相关推荐