00:00
来我们接下来继续看,因为我们说了在这个HTML中啊,嵌入这个Java script代码,它有三种方式,我们写了一种啊,接下来我们来看第二种啊来我们从这呢新建002,然后呢,我们叫做HT中嵌入javascript代码的第二种方式是吧?来点右先咱们用这个I plus打开啊打开之后呢,这个东西呢,你可以写也可以复制的呗,啊咱呢就别再费这个劲了,咱就复制吧,啊把相应的地方咱们给它干掉,不要了,这个东西给删掉呗,对吧?诶我们来看第二种方式,在L中嵌入第二嵌入这个JS代的第二种方式是什么呢?诶是这样的各位啊。我们可以用脚本框,可以用脚本框,第一种方式是说你在这个标签当中直接加一个这个事件句柄,后面写代码就完事了,第二种方式是说你可以写脚本块,啥意思呢?大家看一看啊,第二种方式就是脚本块的方式,那这个脚本块呢,就是script标签开始,Script标签结束,然后在script标签这个位置写T,写个T加script,然后在这个里面写JS代码。
01:23
这就是第二种方式。对,那接下来咱们呢,诶注意有同学说老师这个地方必须得这样写吗?对,就必须得这样写,你就按这个写就行了。他这个有点类似于那个CSSCSS不是有一个叫什么STEM是不是,哎什么STEM,然后接下来再加一个type,写上一个Type Css是不是在这里写上什么呀,叫做什么CSS的一个代码吧。对不对,哎,样式这个叫什么块,还记得吗?人家这个叫样式块吧,是不是样式块啊,咱们这个叫脚本。
02:07
啊,行了,那咱们就对比着学这个东西,对比着学更好一些啊,那行,那咱们就直接来吧,啊温点。Alert,行吧,我们就写一个hello word就完事了啊很简单,我现在呢,把这个成,诶把这个页面打开,我想看一看这个代码它执行不执行。打开很简单,点右键打开方式用一下,比如说谷歌的浏览器,我们把它打开。有点慢啊,等会儿。行。好,你看。是不是转圈了,这个地方是不是弹了一个窗,上面有个hello word是不是,哎,就是这样,诶有意思啊,跟前面的这个区别是啥呢?前面这个页面在打开的时候,这段代码并没有执行,只有发生这个事件之后,我们这段前面才执行,但是到了第二种方式,大家可以很清楚的看到这个页面只要一打开就执行了,你看我也没做啥,我就打开页面,它是不是就执行了,对吧?你看你可以等待该页面恢复响应,也可以退出该页面是吧?诶以前的浏览器是没有这个这个效果的啊,以前浏览器只要他一弹出来,你不点确定,它一直在卡着。
03:33
对,点完之后你还来不及又弹出一个。对吧,哎,影子说是这样啊,那等待就行了啊,点确定,那这个呢,我说一下。暴露在注意听啊,暴露在脚本块当中的程序,在页面打开的时候。
04:06
执行,并且遵循或者是遵守自上而下的顺序,依次逐行执行。各位,这个事儿咱们必须得知道。啊,就是暴露在脚本块当中的这个JS代码,它会在页面打开的时候啊,并且遵循自上而下的顺序依次逐行执行,这个你要记住啊,这不需要事件,不需要事件,各位这个代码的执行不需要事件,如果您硬要说需要事件的话,那就是页面打开事件。那但是这个呢,我就暂时先不说了啊,这个代码的执行不需要事件各位啊,它就页面打开就执行了,那如果说我在这个位置再写一个,比如说hello javascript,那你说这个他会不会紧接着执行完这个又去执行这个呀,那当然没问题,来刷新一下,大家看hello word吧,点完确定之后是不是hello加script,好你看就是这样的逐行执行的,那我们在script标签的后面,我们加上去一个按钮,这个按钮呢,我就随便写了啊来叫做value,直接呢,我们在后面加上去一个,诶比如说我是一个按钮对象行吧,好,就这样了,那我们接下来打开一遍,我们刷新的时候,我们发现后面这个按钮没有,大家看见了吗?
05:40
为什么这个按钮没有展现出来,为啥?因为程序执行到这个位置上,下面这个程序他还没有执行,所以在浏览器的内存当中,他还没有去构造这个对象,现在在浏览器上他也不会显示出来。
06:01
诶,通过这个测试是不是足以说明确实这个代码它是在页面打开的时候遵循自上而下的顺序,怎么着依次逐行执行,这个大家理解吧,哎,就看一看,学一学这个语法啊,就是这样,那行了,那我点完确定这个按钮还是没有显示出来,那是因为执行这个了吗?然后接下来你再点完确定这个按钮就有了。是吧,诶如果说您这个地方把这个代码放到脚本之上的话,你写上,比如说我这个按钮对象一对吧,那大家想想是不是页面时候先出现这个按钮,再去执行这个代码,再执行这个代码,这个代码结束之后是不是才有它,所以我们再刷新一下,大家看我们再来一次啊。我先关一下啊,不是卡了啊,不是卡了。没有是吧,我们换个浏览器啊,换浏览器。
07:04
换浏览器啊。好。这个是不会错的,各位大家看现在后边是不是我是一个按钮对象一呀,这个按钮对象它现在已经出现了啊,然后紧接着才轮到它的,等你点完这个确定,然后再往下点击确定的时候,诶,这个按钮才会出来,看见了吗?哎,另外有同学问了老师,这个脚本块这种东西没有啥位置要求吗?这个必须得放到body里边吗?放到high的标签当中行不行呢?嗯,我们可以试试啊来这块的代码我删掉这个地方呢,我就直接在这啊写上一个hi。行吧,好,那我们再来刷新一下吧,可以吧,可以点确定,你看出来一个吧,Hello word点确定,你看helloscript点确定。
08:07
对不对,好,那你说这个脚本块这种东西我放到这个位置行不行呢?嗯,就放到这行吗?啊来咱们啊点击刷新之后,对吧?哎,也就是说你不管放到哪个地方,我放到最后行不行啊来last,接下来我们再来把它刷新一下,First往下走再走,Hello world helloscript last。没问题,也就是说脚本块的出现是随意的,你愿意出现在哪个位置,出现在哪个位置,而且一个网页当中能不能写多个脚本框没问题,所以这块啊,咱们还得注意这个事儿啊,来在这写上注释,注意javascript脚本框在一个页面当中可以出现多次,没有要求啊,这是另外javascript的脚本块出现位置也没有要求随意。
09:17
在啊,另外还有一件事,我没给大家说什么事啊,JS代码的注释我是不是没说,我来说一下各位啊,JS代码的注释,这是单行注释,各位明白吗?然后在JS代码当中多行注释,你就可以这样写JS代码的什么多行注释,也就是说和加va怎么着一样。所以说咱们这个语言这种东西啊,你还要还得注意啊,每一个语言它的这个注释方式不一,HTML是这样的。
10:06
CSS是这样的。JS又是这样的,Java还有一个特殊的斜杠,星星星星星斜杠,这个叫Java doc注释,这里的注释信息会被Java doc.exe工具解析提取,生成什么帮助文档。这里的注释。那就这块这是Java啊,如果是Java的话,它是这样的。那你们对这个有了解吧,嗯,来我就注释掉了啊,我只是在这里想起来这个事儿,给大家提一提这个事儿啊好了,那这块呢,咱们就把这个叫做这个。第二种方式啊,我们就给他说了一下,叫脚本块的方式,可以出现多个脚本块,没问题,你愿意出现几个出现几个,位置随意,你愿意出现在哪出现哪都可以,但是您要记住脚本块里的程序,它遵循自上而下的顺序,依次逐行执行,肯定是这样的,而且它不需要事件是在什么时候,页面一打开,EEEE1行行执行,就这样,但是还有个事儿,我想说一下各位这个乐它它会不会阻塞?
11:22
页面的加载会啊,这个你得注意啊,乐的函数会阻塞什么呢?阻塞整个HTML页面的什么加载就是这样。它会阻挡的啊,您不点确定,您不在这儿点确定,它就一直在这儿阻塞着,你点完确定才代表这行代码结束,你再点一下确定才代表这行代码结束,你懂吗?你不点确定这一行代码就代表没结束。懂这个意思吧,来你这个事得知道啊,它有阻挡阻塞当前页面加载的一个作用,就是这个alert来写上,在这写上啊,Alert有阻塞,在这再写一遍啊,有阻塞当前页面加载的作用,阻挡啊阻挡直到什么,直到用户点击什么确定按钮,这行代码就结束了。
12:20
那行了,这个咱们就说到这是第二种方式啊。
我来说两句