终于学到了前端三剑客(HTML,CSS,JavaScript)之一的JavaScript。
三剑客,团结一致,各司其职,共同完成网页前端的酷炫功能。
Html:负责一个页面的结构
Css:负责一个页面的样式
JavaScript:负责与用户进行交互
JavaScript,简称js,是前端开发的一门语言。
作用:
验证发往服务端的数据、增加Web互动、加强用户体验度。
js特点:
交互性(信息的动态交互)
安全性(不可以直接访问本地硬盘)
跨平台性(浏览器就可以解析js)
js由三大部分组成:
1、核心:语法部分
2、文档对象模型DOM
3、浏览器对象模型BOM
了解了什么是js,下边说说如何使用js。
Js与html的结合方式:script
标签。
1、通过html提供的一个标签<script></script>
来把js代码与html代码集合。
<script type="text/javascript">javascript的代码</script>
2、通过标签的src属性,引入的方式把外部文件引入到html中。格式:
<script type="text/javascript" src="../../js文件.js"></script>
引入的方式使js与html分离,方便扩展。可缓存使用。
3、说明:不可以两种方式混合在一起使用,但是可以组合使用。即:
(1)混合方式:
<script type="text/javascript" src="../../js文件.js">javascript的代码</script>
既用src属性,又在script标签中写内容。这种方式标签内部的不被执行。
(2)组合方式:
<script type="text/javascript" src="../../js文件1.js"></script>
<script type="text/javascript" src="../../js文件2.js"></script>
<script type="text/javascript">javascript的代码1</script>
<script type="text/javascript">javascript的代码2</script>
多个`script`标签排列在一起使用是可以的。
4、script
标签放置位置:
<script>
标签可以放在html页面任意位置. 比如:
<head></head>
之内
<body></body>
之内
<html></html>
之后
多放在<head></head>
之内,但是如果html
解析及调用html
中的标签,把script
标签放在html
标签的下面。