JavaScript教程-03-HTML嵌入JavaScript代码的第一种方式2【动力节点】原创

好了，那咱们今天上午啊。呃，咱们实际上是讲了哪些东西呢？我们简单有一个回顾啊，就是回顾其实很重要啊，为什么呢？第一啊，咱们给点时间让你清醒清醒啊，你刚才啊，还在桌上睡觉呢啊。第二个呢，就是我们对这个知识点进行一个巩固，首先我们今天上午上来讲的是什么呀？HTM2当中的什么form表单。是不是啊，Hidden是干啥的？隐藏域是不是隐藏起来这个东西呢？它将来提交form表单的时候，他会提交，但是在我们的网页上是看不着的，对，然后呢，除了这个he之外呢，我们还说了一个什么东西啊。File是文件是这个咱们是我们说这个对不对呢？是disable，这两个有共同特点，就是都是只读不能改，但是这个东西它能够怎么着，提交disable的是压根就不提交了，是不是，那说完这个之后呢，我们好像再往下说的是什么东西，说的就是这个HT这个结尾了，这个结尾咱们讲什么了，我说呀，我给大家呢，关注一个这个这个这个这个这个思想，什么思想呢？HTML这个文档，我们可以把它看成是一棵树。

对不对啊，就是这个HTML的这个东西，它是一个什么呀，根节点。对吧？哎，我说又说这个根节点呀，它下面有分支对吧？诶还记得这个图吧，对不对，诶它下面有分支，有分支它是一棵什么呢？树，这棵树上的每一个节点它都有一个属性，叫ID属性，这个ID属性很重要，因为我们说了后期我们要对这个HTML文档中的这个节点进行增啊删呀，改呀，是不是我们对节点自然改来达到一种动态的一种效果嘛，是不是，那有了这个ID属性之后，这个节点我们将来在获取它的时候就会很方便。

是这么解释的吧，另外我在这里啊，给大家说的这是一个树对吧，而且呢，给它起了个名字叫什么down树对不对，Do数，那这个do呢是什么呢？就是document对吧，是一个文档对不对文档数，然后我们对这个文档数的节点进行自身改啊，我们可以通过这个JS，就是我们今天上午在最后的时候说的一个加ma spring去完成这个事情。是不是啊，就是这样。我们除了这个HTL当中的元素，就是这个元素它有什么呀？ID属性是不是，哎，每个元素它都有，除这个之外，好像在今天上午的时候，我们讲HTML的时候，最后又讲了一个知识点，我们叫div。

大家还记不记得div，当时我给大家说的是什么？Div的作用是什么？在这个HTME当中作用是布局，对不对？一个div就相当于是一个图层，一个图层就是一个盒子呀，盒子可以套盒子，盒子里边还可以套盒子，一个网页当中为了很灵活的去布局，我用那个div对吧？诶，当时我说这个div怎么定位，我说那个div左上角那个那个地方有个点，X轴坐标和Y轴坐标，只要定下来，我们这个div是不是就定住了？哎，行了，今天上午咱们讲完H填上之后呢，紧接着往下讲的CSS是不是，哎，CSS我就问大家两问题啊，咱就不再具体回顾了。两个问题，第一，在HTML里面嵌入CSS有三种方式。

分别是什么？第一种就是内联定义方式，是不是内联定义方式就是说在标签的，诶这个标签内部我们使用一个属性叫style，在这个里边可以写这个样式，是不是？还有一种方式是在这个hide标签当中写这个style标签，这样我们叫样式块啊是不是？哎，那除了这个之外呢，还有第三种方式，我们建议大家把CSS这个代码写到一个独立的诶CSS文件当中，然后在需要的位置使用link link还记得吧，使用link标签把它引进来啊，这就是三种方式。第二个问题我想问的是，在CSS里边我还讲了一个东西叫什么选择器，选择器您至少记住三个选择器，第一个是ID选择器，井号加ID是不是还有一种标签选择标签名嘛，是吧？类选是什么？这个咱就过了，这是今天咱们上午说的这个H天马和CSS，咱们今天上午在最后的时候有一个小尾巴，还有那么十几分钟20分钟的时间，我们讲了一下一个东西叫什么呀？JS javascript我们开了一个端是不是，那javascript这个东西呢，咱们讲了就其实其实我们今天上午在最后的时候就讲到一个知识点，哪个知识点就是在这个HTML当中怎么去引入。

Java不是代码。我们得再把这块好好看看，这个on click，严格意义上讲它不叫事件，各位我再强调一下啊，它叫事件句柄，这个click呢，它才叫事件。哎，那这个事件on click呢，就是在这个事件名词的前面加一个on，就是一个事件句柄，事件句柄一般以什么形式存在啊，事件句柄一般以一个标签的什么属性的形式存在，这就是一个属性，这也是一个属性啊，这个也是一个属性嘛，这个也是一个属性，懂吧，它是以属性的方式存在的，那么我说了这个后面的代码它不会在页面打开的时候执行。

他这个在页面打开的时候，实际上只是把这段代码干什么呀，注册到这个按钮的什么鼠标单击事件上，只是把这个代码注册到这儿了，他不会执行了啊，只有当这个事件真正的发生之后，注册在后面的这个JS代码才会执行的。也就是说，我们鼠标单击事件发生之后，这个程序才会执行。那另外今天上午我们说了，有一个内置对象叫window，全部小写，这个window就代表什么呀，这个浏览器窗口，我拖动的这个窗口，它就代表是window对象，明白吗？那么这个window对象它其中有一个函数叫alert alert这个函数可以弹出消息框，我并且呢也给大家说了，在JS当中，字符串可以用单引号括起来，也可以用双引号括起来，另外还有一个知识点，就是在JS当中，这个代码可以以分号结尾，也可以不写分号，这个随意。

咱们今天上午是不是就就讲了这些内容，哎，那行了各位啊，那咱就回顾到这儿啊，这个咱们就回顾到这儿了，咱们接下来看新的东西了啊。