00:00
那行,咱们继续看第三种方式,咱们写完这种方式之后,咱们就用工具吧,行吧,HTML中叫嵌入什么呀,Javascript代码的第三种方式了,各位啊,诶我相信同学们到这儿我觉得你应该能够想象出来应该怎么做。聪明啊,就是说我们啊,可以将JS代码写到一个单独的文件当中,在需要使用的位置上引入,就跟咱们学的那个CSS一样,对吧?我们可以定义一个什么什么CSS文件,我们呢,在这个文件当中,我们可以干什么呀,去写一些样式,在需要使用的地方我们可以引入啊,哎,这种方式是被推荐的,那也就是说我即将讲的这种方式是不是也是被推荐的呢?啊是这样的,是这样的啊,就是第三种方式,我们把这块呢,Ctrl a ctrl c复制,CTRLV粘贴,Ctrl a ctrl c复制啊,CTRLV粘贴贴过来,贴过来之后呢,我们来看看叫第三种方式,就是引入叫什么引入外部独立的什么JS文件来这块的,这个我们先给它删了啊。
01:17
我们来看看这块儿呢,我们这样。我们新建一个目录吧,然后呢,JS目录下呢,我们新建一个文件,这个文件随便写啊,叫1.gs,注意这个文件的扩展名叫点JS啊。脚本点右键我们打开方式呢,我们就可以用一下谁呢?还是用我们的ID plus打开就完事了啊,那接下来我们先在这里写一段代码吧,非常简单,Window点什么alert行吧,诶,我们就hello GS就完事了啊,这个代码我不写太复杂,那我就这样就完事,好那么接下来呢,咱们就在这引进来,怎么引入呢?好,我们在这引入一下,诶需要的,在需要的位置引入什么JS脚本文件怎么引呢?非常简单,Script开始,Script结束,然后加上这个type叫做什么ta加va script,然后加上SC,后面写路径GS1.gs。
02:23
这就行了。这就引进来了,看见了吧,啊,引进来了。引入外部独立的JS文件。来,我这里想说的是引入GS文件GS代码,注意啊,引入外部独立的GS文件的时候,GS文件中的代码会遵循自上而下的顺序依次逐行执行,这个事还是这样。就是他引入这个JS文件的时候,这个GS文件里边如果有代码的话,他也会遵循自上而下的顺序怎么着依次逐行执行。
03:01
明白吗?那我们就来看看它会不会执行。行吧,来我们怎么办呢?点击右键,从这打开方式,用一下firefox hello JS点确定确定确定确定确定hello JS test点确定。能看明白吗?哎,那一个JS文件引入,您要注意这个位置写的不是这个啊。别学懵了啊,之前我们学那个这那个叫什么CSS的时候,我们用的是link吧,标签这个位置加的属性是不是这个属性,那您看这一块呢,你要注意是src。那你说这种情况怎么办?那没办法,你只能去记下去之后自己找规律去记,各位啊,这个东西你就下工夫记就行了,这没办法啊,就像这个还是那句话吧,程序这种东西还得敲啊,你不敲。
04:06
你永远都是只能听懂。手上功夫不行。啊,那你说一个J文件能不能被同时被引入两次呢?那这个可以,但是没有这个必要啊,在开发中没有这个必要,但是这个引入两次行不行呢?同一个GS文件可以被引入多次啊,可以被引入多次没问题,但实际开发中啊,这种需求很少,各位啊,这种需求很少,一般就一个阶引入一次就可以了,来那么接下来咱们引入的话来一起看一看,刷新一下吧,Hello GS点确定,Hello GS点确定,再点确定,确定,你看确定是不是出来一个,这是不是就结束啦,结束之后下一个是不是又引又又引进来了,又进来,我们点一下确定,你看是不是又一个,哎,又一个又一个又一个,你看执行了。这个理解吧,好,这一块我注释掉各位啊注释掉,那注释掉之后呢,我想问的是什么呢?诶引入这个JS文件。
05:11
我们能不能这么干,就是说这个开始标签和结束标签中间没东西的时候,后边删掉加斜杠。行不行呢?注意了啊,这是个细节,这是个细节行不行呢?诶我们把这个也注释掉行吧,省得他去影响对不对,好,我们一块来看看啊,接下来打开我们来刷新一下。刷新你看行不行,行吧,同学们看好了,测试啊,根本不行,这种方式不能写。就这一个特殊的地方,明白。
06:05
注意,这种方式不行啊,结束的script标签必须有,听懂了吗?这种方式根本就不行,拿过来把这个删掉,这种方式才行。各位啊,你要注意这个事,您可千万别这么乱来啊,你看行了吧,行了啊,这种方式可以不能这么干啊,好,那这个呢,我就把它解释一下再来,各位注意听,如果这个库的标签开始到结束这个地方,我引入文件的同时,我能不能写代码呢?啊可以是吧?嗯,来我们看一下,刷新一下,Hello GS点确定哈,GS再来哈,GS再来再来再来哈,是吧,这个位置叫test的吧,好,我们点一下确定。
07:09
并没有执行,看见了吧,所以您这个要注意注意什么呀,如果您是引入GS文件的话,在这个脚本块里边,如果写东西的话,这个代码是不会执行的。这件事呢,我要给大家说一下,也就是这里写代码没有用吧,他没有用啊,这里写的代码不会执行,记住了,别往这写啊,别往这写,哎,那你说一个页面当中,它引入JS文件的同时,我在这个位置还能不能再写个脚本块框呢?我不引他了,我这边能不能再写个脚本框,也就是说我这个页面当中既有JS文件的引入,又有这个脚本框行不行,这个没啥问题,各位啊,来alert window点省了行吧,Hello test。
08:01
我的哈,是吧。我们来看看这个执行不执行行吧,来我们接下来我们刷新一下啊呃,点确定确定确定确定确定好哈,GS test是不是那个文件当中的一个最后一行代码啊,点击确定看看hello Jack就出来了,诶是不是就是它。够全了,各位啊,咱基本上每一种情况我都讲到了。引入GS文件能引入多次不再回顾一下能不能?能在实际开发中这个很少引入GS文件,能把那个最后的那个结束的标签省掉吗?不能啊,引入JS文件的同时我们能写GS代码吗?不能,引入GS脚本文件之后,我们在下边再重新写一个脚本框行不行?没问题。没问题啊,脚本块是这样的。那这样呢,我们就把三种方式也都有给大家讲到了,各位啊,这三种方式的第一种方式,我再强调一下是什么。
09:04
事件句柄后面写代码,事件发生之后这个代码才执行。第二种方式是写一个什么脚本块,第三种方式是把代码写到一个GS文件当中,在需要的位置使用这个引入。明白,诶我讲的这后两种都有一个共同的特点,第二种和第三种都是在页面打开的时候是不是执行。我只有讲第一种方式的时候,是不是给你说这个事件这个事了,后两种我是不是没有提事件的事啊,就是这样有点印象啊,放心,后边咱们会不断的去完善,我告诉你啊,还是得需要事件。一般情况下,我们一个网页打开的过程当中,让他去执行代码,这种情况很少对吧,一般是不是网页打开之后,等着用户去点呀,点完之后再去执行代码,一般都是这样,所以说咱还得还得学这个事件,各位啊,这个事件肯定还得用。
我来说两句