Day7:终於要进去新手村了-Javascript-新手开始

终於写到JS的部分了,我自己其实也是没有很懂,所以就记录在这里当作是一种学习方式。

我们在使用网页的时候,会有三个使用者上面会注意到的部分,分别是架构,样式,以及功能特效等等,用人来比喻的话就是骨骼、样貌、以及动作之类的三种。
HTML就像是网页的骨骼,是网页基本架构的部分,而CSS则是网页外貌,就是所看到的有设计或是美化的部分,那JS所代表的就是功能了,也就是使用者在网路上操作方面或是一些动画呈现的部分都可以使用JS完成。

好啦,以上简介都是凑字数的(大误),其实是我自己对於这三种网页上所需要的语言的认知,所以如果有不正确的地方也欢迎指正,下方就来简单介绍一下如何开始写。

跟CSS一样,可以直接在html内写JS,也可以写成独立档案之後,再由html这里引入JS档案使用:

<!doctype html>
<html>

<head>
<script>
    alert('Hello world!'); 
</script>
</head>

<body>
网页内容
</body>
</html>

上面的程序码是采用直接写在HTML的方式,在script标签内,,但是一般来说都是会使用引入档案的方式来撰写网站,一来是可以把不同逻辑的JS档案分开放置,也可以比较好阅读网页的程序码,方式如下:

<!doctype html>
<html>

<head>
<script src="位置/档名.js"></script>
</head>

<body>
网页内容
</body>
</html>

在Html4的时候,在位置前需要加上type="text/javascript"

 <script type="text/javascript" src=""位置/档名.js"</script>
 

但是在HTML5以後,预设的样式语言是使用CSS,script预设则是使用JS,所以type部分可写可不写。

参考来源:
https://www.fooish.com/javascript/basics.html
https://blog.csdn.net/a4171175/article/details/86437231


<<:  [DAY 9] _I²C协议介绍

>>:  【PHP Telegram Bot】Day13 - 基础(2):数学运算与乱数

使用 State Hook (Day16)

使用 State Hook 的步骤 其实在前面文章写过几次 Hook ,其实动作也就三个。 宣告一个...

MyDlink 网路摄影机云端录影档案下载

Dlink 网路摄影机 提供三种方案(只提供APP购买订阅) 详细图片介绍连结 免费方案: 使用一年...

电子书阅读器上的浏览器 [Day02] 开发原则

开发原则主要有三点:1. 减少画面重绘次数, 2. 缩小重绘范围, 3. 提高画面元件对比度 减少...

ML专案的特徵工程为什麽存在?包含哪些层面?怎麽练手感?

在讨论MLOps的过程当中,许多客户会针对他们有兴趣的事情提出不同的问题,像是:模型监测、安全性、常...

Day 17. 来摸摸Unreal Engine吧!

决定来摸Unreal Engine(UE)怎麽使用,经过Unity的下载後,其实Unreal的下载也...