Day 02 - jS 微基础

前端在走,jS要懂。

所以今天来复习点基础的jS概念,首先知道HTML里的每段开始跟结尾的标签都是元件(有些没有结尾的也算唷,例如: Br, input等 ),而jS就是透过其语言操作这些元件。

元件就是指HTML里的div, p, h1~h6, table之类的,详细资料可以Google查询,每一个都有其代表的用意及用法。

以jS操作元件的方式,简单说就是透过在网页里撰写下列文字(我习惯写在Body最下面,因为网页是从上往下执行的,所以,我们要先有一个元件,才能透过jS去操作它):

<!DOCTYPE html>
<html>
<body>

<div id="test"></div>

<script>
document.getElementById('test').innerHTML = 'Test Text'
</script>

</body>
</html> 

然後我们就可以看到原本没有内容的div中产生 Test Text的文字。

读到这里我们可以想像,原本需要重复撰写的东西(如产生表格)、需要动态载入的资料(如姓名、年龄),可以透过jS或与资料库的搭配省下许多精力。

前面我们提到了执行的顺序,这是很重要的部分,有时候会发生“为什麽写了但却没有反应的问题”,通常都是因为写的位置错误(还没有元件就开始执行)造成的。


今日的参考网站:

W3School HTML

W3School jS


由於我是做中学长出来的网页设计师,所以在观念或用词遣字上也许并不正确精准,欢迎各位前辈不吝指导,也期待有一样是网页设计师的同伴愿意提出疑问,我会尽可能努力的解说我所理解的部分。


<<:  003-转职

>>:  这个赌场在玩什麽把戏 - 金融商品内容

Day 11 - 物品借用纪录系统 (3) 发送到期与逾期通知

我们昨天顺利把借物归还事件可以自动化上传到 Google Calendar 上,但是如果借阅人不看 ...

[Day14]PHP Class 类别01

class类 class基本概念 每个类的定义都以关键字 class 开头,後面跟着类的名,再一个括...

Day 20 利用transformer自己实作一个翻译程序(二) 建立环境和下载资料集

前言 一开始我会先实作葡萄牙翻译成英文的模型,之後确定哪一个中翻英的资料集比较好之後,会再打一篇教学...

Day24:Enumeration - 列举法

列举法又称为穷举法,简单来说就是把所有可能发生的状况都列出来,再根据问题提供的条件,从中找出符合条...

挑选命题的要件 | ML#Day4

过去那一段时间,直到感受做不出明确的实作成果,和夥伴才意识到题目有问题。 经验整理一下,或许可以用几...