JavaScript入门指南_1
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>
总结:
- 引入外部的JS文件
- 嵌入到页面的JS
- 引入自己写的JS文件
- 对于不支持JS的浏览器给出提示
相关推荐
nmgxzm00 2020-11-10
ifconfig 2020-10-14
hhanbj 2020-11-17
zfszhangyuan 2020-11-16
古叶峰 2020-11-16
一个智障 2020-11-15
jipengx 2020-11-12
81427005 2020-11-11
xixixi 2020-11-11
游走的豚鼠君 2020-11-10
苗疆三刀的随手记 2020-11-10
Web卓不凡 2020-11-03
小飞侠V 2020-11-02
帕尼尼 2020-10-30
爱读书的旅行者 2020-10-26
帕尼尼 2020-10-23
杏仁技术站 2020-10-23
淼寒儿 2020-10-22