00:00
那行,咱们再继续往下看啊。那接下来我们来演示一下,演示一下什么呢?就是说javascript在HTML中怎么使用,或者怎么嵌入Java script代码,还是几种方式啊,三种方式啊,三种方式我就不在这写了啊,我直接写代码行吧,我直接写代码。在HT中怎么嵌入加图代码啊?这儿啊。来,注意听了001。HTML中嵌入什么javascript代码的第一种方式,各位点HTL注意啊,你还是创建这种文件。就是这个HT还有csscript,这三个当中谁是老大,HTCSS是他化javascript能让这个网页动起来,听懂了吧,这三者的关系理解吧,哎,要理解这三三者关系啊,后边这两个都是给前面这个服务的。
01:17
你如果后边这两个语言脱离了前面这个HTM,那就没有意义了。所以说我们一直在说什么什么嵌入HTML中怎么嵌入。H标中嵌入加速代表的第一种方式,来一起看看。同学注意听了啊,这个和加va,你们刚来到动力机点学家va hello word1点点,这个跟崔老师学,跟王王菲老师学这个套路一样啊,我这两天也会讲变量懂什么意思吗?会讲数据类型懂不懂,会讲if语句for循环懂懂吧,这个东西都是不是Java了,是谁的javascript里边的东西了?他是一门语言,咱得认真学了,跟这个不,我不管你这个学的咋样,这个学的怎么样,这个Java不是您您这个必须必须得掌握。
02:08
这个太重要了,这个啊,我就强调这个重要性啊,有的同学又要睡着了,又要快睡着了啊。来HT开始HTML结束啊,这个我我我生,哎呀,反正就是怎么说呢,也也能理解啊,大家这个反正确实也很累啊,这个没办法。昨天怎么着就来撵人了?谁来撵人?物业撵人?经年之后不给看球。好吧,我怎么不知道这个事呢?物业亲自上来说你们你们走是吧。
03:03
我问问啊,问问啥情况啊。呃,HTL中啊,嵌入JS代码的第一种方式来,我们假如说在这里呢,我们加一个input标签,Type类型是button,然后呢,Value呢,我们就写上啊,假如说就是写一个哈,那这是一个非常简单的按钮,对吧。非常简单的按钮啊,我们打开看看是不是有按钮。我现在呢,我想做一个事什么事,我希望啊,在这个地方点这个按钮的时候去。弹出一个对话框,我想实现的功能,我想跟大家说一下啊,第一要实现的功能是用户点击什么以下按钮,弹出什么消息框,要实现这个功能,那我们怎么做呢?第二点我先讲语法啊,讲完语法这个东西才会写。第二点是什么呢?我想说一下JS啊,是一门什么呢?是一门一是一门事件。
04:23
驱动型的编程语言,对他靠依靠事件去驱动啊,依靠事件去驱动。然后执行对应的什么程序。啊,在JS中有很多事件,其中有一个事件叫做鼠标单击。啊。单词是什么呢?Click。Click啊,这个单词你要记住click。
05:03
并且呀,任何事件都会对应一个事件句柄。叫做on click。注意事件和事件句柄。的区别是,事件句柄是在事件名字前加一个on。记住这个写法啊,事件句柄是在什么事件单词前添加一个on。而事件句柄,各位注意听啊。是HTML标签的属性,是以HT标签的属性存在的。
06:13
注意啊,GS呢是一门事件驱动型的编程语言,依靠事件去驱动,然后执行对应的程序。在GS当中有很多事件,其中有个click,它对应事件句柄是on click。而最后一句话说的是,而事件句柄是以HTM标记的属性存在的,那么也就是这个标签,它其中有一个属性叫什么,On click。这不能写克click啊,这必须写时间句柄叫on click on,克click后面可以写GS代码,各位这个JS代码在什么时候执行?等这个事件发生之后,这个代码才会执行。听懂了吗?这个事儿不发生,这个代码是不会执行的,所以这种语言叫什么?事件驱动型的编程语言,依赖事件去驱动,发生这个事件,执行这个代码,这个事件不发生,这个代码不执行。
07:15
所以呢,这个原理是什么?各位啊,On click后面有一个什么GS代码,那么执行原理是什么?我解释一下啊,页面打开的时候,GS代码并不会执行。听懂了吗?哎,只是只是把这段JS代码注册到什么上面了,页面打开的时候JS代码并不会执行,只是把这段JS代码注册到按钮的什么click事件上了。听懂了吗?等什么这个按钮发生事件之后?
08:03
注册在on click后面的JS代码会被浏览器自动调用。听懂了吗?好,这个位置我们需要写代码,那么接下来问题来了,各位怎么弹窗?是不是怎么使用JS代码弹出消息框呢?非常简单,在J中有一个内置的对象叫做window,全部小写,可以直接拿来使用。Window代表的是浏览器对象。什么意思?我现在拖动的这个对象叫啥window懂吗?我拖动的这个东西叫window啊。Window对象有一个函数叫做alert。
09:09
用法是window.alert这个地方跟什么消息?这样就可以怎么着就可以弹窗了,听懂了吗?那我写了啊,弯点什么alert里边跟字符串。对吧,字符串用双引号行不行不行,因为外边是什么双引号,里边你要用单引号hello GS。行吧,所以这块的第五个知识点就是说JS中的字符串可以使用双引号,也可以使用什么单引号都行,没有限制。还有一点就是JS中的一条语句结束之后可以使用分号,也可以不用。
10:08
没有废话各位啊,这块可以加也可以不加。随意看心情。点。对吧,点是不是点一点它在执行,他不点是不会执行的。来拿过来在这块,如果外边用的是单引号,我里边我是不是应该用双引号啊,来用一下双引号,这个hello GS行不行,接下来我们再刷新一下,好点一下。设了个叉吗?没问题吧,哎,没问题,好,那么接下来呢,我们在这一块能不能多写点呢?比如说我们叫window your not hello,张三,然后接下来我们继续往下写,代码怎么写啊,window.alert怎么着,Hello,李四,window.alert hello,王,也就是说这三行代码是不是先执行它,再执行它,再执行它呀,能看懂吧,来,我们再刷新一下,点一下,你看哈,张三哈李四哈王五,没问题吧,可以。
11:27
写写对吧,哎,等你写的时候你就会发现你你将来写个死循环对吧,你一直alert。这就是。见过吗?以前网上不都很流行这玩意儿吗?是吧,一打开一个什么窗口,然后让你一直一顿点点点点点点点点。来好消息,好消息啊,好消息是点可以省略,不写window点可以省略,各位啊,这个可以删了。
12:07
可以删掉,嗯。对吧,可以删了。你想你,你说你想加加什么,想加这个叫分号,那你可以加上,因为你毕竟是Java程序员,我理解啊,理解你的心情,所以呢,你可以加啊,加上也没关系,不加也行。第一个例子讲完了,各位啊。On click是个什么东西?时间句柄click是啥?是个事件,鼠标单击事件懂吧,事件句柄事件你要分分分清分清楚啊,什么是事件,什么事间句柄,那这个代码是在这个事件句柄后面的放的这段代码,并不是说你你你你上来一打开页面就执行,是至说你这个事儿啊,你得发生,你只要这个事儿一发生,我这个代码才会执行,你这个事不发生,我这代码是不会执行的,你记清楚这个呀。
13:09
啊行,咱们这个时间也就够讲一种方式啊,咱们下午再接着看,大家先去吃饭吧。
我来说两句