【JavaScript】什么是JavaScript?

简介: 【JavaScript】什么是JavaScript?

终于学到了前端三剑客(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>• 1

2、通过标签的src属性,引入的方式把外部文件引入到html中。格式:

<script type="text/javascript" src="../../js文件.js"></script>• 1
引入的方式使js与html分离,方便扩展。可缓存使用。

3、说明:不可以两种方式混合在一起使用,但是可以组合使用。即:

(1)混合方式:

<script type="text/javascript" src="../../js文件.js">javascript的代码</script>• 1
既用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>• 1
多个`script`标签排列在一起使用是可以的。

4、script标签放置位置:

<script>标签可以放在html页面任意位置. 比如:

<head></head>之内

<body></body>之内

<html></html>之后

多放在<head></head>之内,但是如果html解析及调用html中的标签,把script标签放在html标签的下面。


相关文章
|
JavaScript 前端开发
70.【JavaScript 6.0】(八)
70.【JavaScript 6.0】
48 1
|
JavaScript 前端开发
70.【JavaScript 6.0】(一)
70.【JavaScript 6.0】
50 0
|
12月前
|
存储 JSON JavaScript
JavaScript组成
JavaScript组成
|
6月前
|
存储 前端开发 JavaScript
JavaScript中你不知道的数学方法 (非常实用)
JavaScript中你不知道的数学方法 (非常实用)
|
JavaScript 前端开发 API
JavaScript—DomApi
JavaScript—DomApi
|
JavaScript 前端开发 Java
JavaScript简识
本文主要介绍前端三剑客中的JavaScript的基础语法,关于JavaScript的DOM API在下文中介绍。
147 0
JavaScript简识
|
JavaScript 前端开发
JavaScript中的this
JavaScript中的this自制脑图
72 0
JavaScript中的this
|
JavaScript 前端开发
Day10 JavaScript
JavaScript
162 0
|
JSON JavaScript 前端开发
你不知道的JavaScript丛书总结(二)
你不知道的JavaScript丛书总结(二)