【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】
56 1
|
1月前
|
前端开发 JavaScript API
JavaScript
JavaScript
10 2
|
4月前
|
JavaScript 前端开发 测试技术
什么是JavaScript
【8月更文挑战第20天】
38 0
|
6月前
|
JavaScript 前端开发 数据处理
你好,JavaScript!
你好,JavaScript!
30 2
|
7月前
|
存储 JavaScript 前端开发
JavaScript组成的问题。
JavaScript组成的问题。
|
7月前
|
设计模式 缓存 前端开发
九个超级好用的 Javascript 技巧
九个超级好用的 Javascript 技巧
|
JavaScript 前端开发 Java
70.【JavaScript 6.0】(三)
70.【JavaScript 6.0】
60 0
|
Web App开发 JavaScript 前端开发
JavaScript Day01 初识JavaScript 1
JavaScript Day01 初识JavaScript
88 0
|
JavaScript
JavaScript2
JavaScript2
44 0
|
存储 缓存 JavaScript
非常实用的JavaScript技巧
非常实用的JavaScript技巧
63 0

相关实验场景

更多