为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡】第18天 JavaScript入门篇(一)

标签:
JavaScript

课程名称:JavaScript入门篇

课程章节: 请做好准备

主讲老师:慕课官方号

课程内容:

今天学习的内容包括: 为什么学习JavaScript?如何写入JavaScript? 如何引入JavaScript文件?JavaScript执行顺序?

课程收获:

JavaScript值得我们学习是因为所有主流浏览器都支持JavaScript。目前,全世界大部分网页都使用JavaScript。它可以让网页呈现各种动态效果。做为一个Web开发师,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。学起来也很容易,只要有文本编辑器,就能编写JavaScript程序。而且我们还可以用简单命令,完成一些基本操作。
图片描述

<script>标签要成对出现,并把JavaScript代码写在<script></script>之间。<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。
图片描述

JS文件不能直接运行,需嵌入到HTML文件中执行,我们需在HTML中添加如下代码,就可将JS文件嵌入HTML文件中。使用方法<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="script.js"></script>,引入的js文件后缀通常为.js

图片描述

我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。我们需要注意的是javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行;而如果是通过事件调用执行的function那么对位置没什么要求。
图片描述

今天学习了JavaScript入门篇的1-1到1-4的4个小结,花费了42分钟,今天主要学习了JavaScript如何在代码中去使用,以及我们将js代码写在哪里才会生效,我们还可以使用js实现兼容所有浏览器的效果。在不同的位置写js代码它们的执行顺序也是不同的,这样我们才能避免还没有执行,而引入js代码带来错误。JavaScript是我们学习代码必会的技能点,我们要熟练掌握这些知识。

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消