【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>

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标签的下面。

  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 35
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 35
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值