【千锋前端】day01 JavaScript入门_千锋前端JavaScript全套教程_JS零基础完美入门到项目实战

视频地址:【千锋前端JavaScript全套教程_JS零基础完美入门到项目实战】 https://www.bilibili.com/video/BV1W54y1J7Ed/?share_source=copy_web&vd_source=b1cb921b73fe3808550eaf2224d1c155

目录

1、JavaScript入门

1.1 JavaScript的历史知识

1.2 JavaScript的组成部分

1.2.1 JavaScript的组成部分

1.3 JavaScript的书写位置

1.3.1 行内式

1.3.2 内嵌式

1.3.3 外链式


1、JavaScript入门

1.1 JavaScript的历史知识

1.2 JavaScript的组成部分

总览

HTML  网页的组成

css  页面样式,决定一个内容是什么样子

JavaScript 网页行为,页面中哪些内容出现什么变化,比如轮播图

1.2.1 JavaScript的组成部分

BOM:Browser Object Model  JS操作浏览器发生变化的属性和方法

DOM:Document Object Model JS操作文档流的内容

ECMAScript:JS代码的书写规则与书写语法

JS的作用:利用ECMAScript语法,操作BOM,使浏览器发生一些变化,操作DOM,使文档流发生一些变化。

1.3 JavaScript的书写位置

JS 书写位置:行内式   内嵌式   外链式  ,与css代码一样

1.3.1 行内式

把代码直接书写在标签上

a标签  书写在href属性上

<a href="javascript: JS代码 ;">点我一下</a>

非a标签  书写在标签行为属性上

<div onclick="JS代码">点我一下</div>

1.3.2 内嵌式

内嵌式: 把代码书写在一个script标签对内

<html>
<body>

    <script>
        JS代码
    </script>

</body>
</html>

不需要依赖任何行为,JS代码直接执行

1.3.3 外链式

外链式: 把JS代码书写在一个.js文件内

js文件直接书写js代码

HTML文件内书写<script>标签,src里写js文件路径

<script src="js文件路径"></script>

外链式JS代码,不需要依赖任何行为,打开页面就会执行。

使用script的src属性引入指定JS文件。

以上三种方式评价

行内式十分不推荐,不利于代码维护,导致html文件臃肿;

外链式代码是最推荐的

内嵌式不是很推荐,但是上课多用到内嵌式。可以不用建立很多的JS文件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值