03.尚硅谷_JS基础_js编写位置

刚才我们这学了是三条语句，Alert document.red还有一个cancel.loud那这三条语句呢，实际上他们都可以统称为叫什么呢？叫输出语句，什么叫输出语，是不就可以把一个内容给你输出来，对吧？给你输出来A呢，是输出到我们这个浏览器窗口的这个什么呀，弹出一井号框，document.right呢，是写到这个页面里的啊，页面里cancel.love呢，是向这个控制台输出的啊，三个输出语句，那但是你要注意啊，我这三条主语有特点，At和document点，我们说了用户是不是都是直接能直接能看见的呀，直接能看见，而我们这个cance点呢，需要嘛呀，如果你不打开开发者工具的话，你是看不着的啊，你是看不着的，所以这块注意啊，我们这个控制台什么呀，cancel.love只有什么呀，我们这个开发人员可以学查看啊，开发人员可以查看，哎，那这个呢，输出语句，我们学习任何语言都是先学什么呀？诶都是先学这个输出语句的啊，输出语的我们。

要通过输出语句做的呢，很多测试，所以这三段语句呢，给它背下来啊，给它背熟了，现在你都不用管它是为什么，你就记住了，这玩意儿写完了会有这个结果就OK了啊，以后我们再去一点一点解释这到底是什么东西啊，什么东西，那接下来呢，我们来说一个下一个问题，零七我们叫什么呢？我们这个GS代码，诶代码编写的一个位置，诶编写的位置，那刚才我们这写的是不是写一什么文件，写G的文件是吧，删写一个，新建一个HTML，我们来一个零七们叫做一个诶GS代码，GS编写的这个位置，诶，那刚才我们是不是写到了这个什么呀，Script的编签里啊，诶，那就像我们CSS一样，CSS可以写到style标签里边，是不是也可以写到我们那个属性里边啊，哎，可以写到属性里边，我们GS呢也一样啊，也一样。

我们来看写一个什么呢？我这来整一个BTT刚讲完的，这是一个什么呀，按钮，按钮呢，我们来给它一个名叫什么呀，叫做一个点我点我一下，我一保存，咱们来看看我们浏览器一打开，诶是不是这出来一个按钮啊，诶然后看啊，我们来说可以什么呢？哎，我们可以可以将我们这个GS代码编写到我们什么呀？哎标签的这个什么呀，那叫做一个on click属性中啊，可以将我们记代码编写到我们这个on click属性中，比如说你来看我这一个button button我怎么写呢？我来个属性叫什么呢？叫做一个on可click，诶click什么意思呀，点击啊点击啊，那这里边呢，我写一个写什么呢？Alert alert是我们的接代码啊，诶然后来个分号，我这写什么呢？注意了，我这里边用的是单引号了啊，用单引号了来什么呢。

来一个，哎，讨厌哎，你点我干嘛？哎，我是不是写这么一句话呀？哎，那现在来看，那这个uncleli里边我写的是一段GS代码，一定要注意啊，我这里边现在用的是单引号，为什么？因为我外边是不是用双引号，不然就嵌套了啊，一定要注意啊，这用的是单引号，好，那我这写完了，我们来看这条代码它会不会执行，我这一刷新执不执行不执行吧，哎，不执行叫什么呀？叫安可立，那这个代码什么时候执行呢？诶那这样当我们这个点击按钮时，什么呢？我们这个，诶GS代码才会什么呀，才会执行，诶才会执行，我们来看效果啊，我这一保存，咱们来看一刷新，咱们一点走。是不是出来了，而且干嘛呀，每点一次是不是叫直行意思，哎，每点一次叫直行意思啊可以写到我们那个什么呀？哎叫做安可丽克属性中啊属性中这是一个位置，还有什么呢？来我们写一个什么呢？写一个这个超链接啊写一个超链接，诶来诶你也你也点我一下，诶还可以干嘛呢？超链接有什么呀？有个这个h rap啊诶h rap我可以干嘛呢？诶可以，诶将我们这个GS代码写在什么呢？写在我们这个诶超链接的这个h rap属性中这样什么呢？这样当点击我们这个超链接时，会什么呢？会执行我们这个GS代码啊会执行的接代码来看我怎么写，注意了，这块就有格式要求了，我不能像这种方式直接写了，我先要写什么呢？先写一个Java script，然后来。

什么呢？冒号在这个冒号的后边可以来写什么呀？哎，GS代码来一个alert alert一个什么呢？哎哎，还得用单引号啊，来一个诶让你点你就点，哎写这么一句话来保存，我们看效果，这回什么时候执行发链接是不是跟这儿呢呀，哎来我一点走，你是不执行了呀，那就执行了啊其实跟那安可丽的效果什么的差不多，诶差不多，只不过你发现什么了，我点完超链接，它就给我弹出一个窗口，你看超链接有没有跳转呀。

没有跳转吧，诶没有跳转页面啊，不会跳转页面也可以干嘛呢，你也会看到这么写的，诶这么写的干嘛呢？这代码呢，我不写，直接来一个Java script的冒号分号，我们来看这是什么效果啊，我一保存换链接是不是跟这来啊，点干嘛呢？是不是没有任何反应啊，还没有任何反应，那这种形式呢，我们也会经常会用到，也就说什么呀，我们希望这个超链接点完以后没有反应，需要干嘛呢？通过这个GS给它处理一些功能，可以这么写啊，可以这么写好，那这里边呢，我们说了，我们这个代码可以写到安可丽属性里边，也可以写到超链接的什么呀，H rap里边，但是这种代码好不好，好不好啊，诶我们说这叫什么呀，是不是耦合了呀，哎，我们说了，虽然可以什么呢？哎，可以写在我们这个标签的这个属性中，诶但是呢，诶它们属于什么呢？属于叫做结构与我们这什么呀，诶行为耦合啊耦合诶不方。

建我们这个什么呀，维护啊，不方便维护，所以这块呢，我们是不推荐使用的啊，不推荐使用的跟什么呀，跟我们将样式写到style维里边是一样，维护起来比较麻烦，现在你代码还少呢，多了以后呢，非常不方便管理，所以这个呢我们不推荐使用，但是呢，这种形式呢，我们有时候也会用到，但是不多啊，不多以后我们会说什么时候会用啊，什么时候会用好，那不往这写往哪写呀，诶是不是只能往我们这个script。标签里写了呀，哎，Script的标签里来写来一个alert alert一个什么呢？诶，我是SCI script的标签中的这个代码，那这个代码就会干嘛呀，它就会立即执行了，我一刷新是不是立刻就执行了，诶立刻执行啊，可以写到我们这个script的标签里，诶那我这块我给它住了，住了以后呢，我一保存是不就不执行了，哎，不执行了啊来我们来说一下可以什么呢？可以将我们这个GS代码写到我们这个script的标签，就刚才我们说那种方式啊，那种方式，然后再说，那我们说除了这还能往哪写，哎，是不是跟我们这个CSS应该是一样的呀，我也应该也可以写一个外部文件吧，好，我来写一个，在这有一个GS文件夹，直接新建一个什么呢？新建一个javascript的文件，直接建它的扩展名就是什么呀，JS啊，点JS我就叫什么s c I pd script.js，然后完成。

我这来什么呢？Alert alert一个我是外部GS文件中的这个代码，我是不是直接把这代码就写这了呀？诶来我这一保存咱们来看，那问你现在我运行它会不会执行，不会执行吧，因为他俩是不是压根就没有关系啊，哎没有关系，那这块我要想执行怎么办呀，我是不是引入啊，诶引入来可以什么呢？呃，可以将我们这个GS文件干嘛呢？编写GS代码，编写到我们这个外部的什么呀？诶GS文件啊，编写到we部的这个GS文件中，然后呢，我们是不是A引入啊，诶通过什么呢？哎，我们CSS通过什么呀？Link，哎，那我们GS呢，是通过我们这个就是sscript的标签，哎引入它也是sscript，它引入跟写的时候是什么呀？是同一个标签，怎么引入直接来一个。

啊，Script呢，也是type等于text javascript不同的是它需要一个什么呀，叫做SRCSRC指向谁呢？指向外部文件的路径，路径什么呀？就是GS script.gs它就对我生成了，我直接一回，那现在表示什么呢？表示将这一段代码引入到了我们什么呀？

页面里啊，引到了页面里，我们来保存看看效果啊，这块直接一刷新走，你是不是就执行了呀，它就执行了啊，所以注意也可以写到这个外部，那写到外部有什么好处啊哎，写到我们这个外部文件中可以什么呢？可以在这个不同的这个页面中干嘛呢？诶是不是同时引用啊，诶同时引用也可以什么呢？也可以利用到我们这个浏览器的一个缓存机制，诶所以这是我们什么呀？诶这是我们的一个推荐的什么呀，推荐使用的一个方式啊，也是我们开发中会用的比较多的一个使用这种外部文件啊，外部文件，但是这里边和我们这个CS一样，我们可以引入外部，是不是也可以往里边写呀？诶那我们来看了，那我现在干嘛呢？诶，我这个死script的标签是不是专门用来引入外部文件的呀，那我一想干嘛呢，我引入完了吧，我还想在内部再写一个，比如说我这来一个，我想写什么来一。

把乐乐一个什么呢？哎，我是内部的这个GS代码，我是不是再写一段啊，这能不能执行啊，哎，我们来看效果一刷新没执行吧，是不是只执行这个外部的了，内部的出没出来没有出来啊，没有出来，所以这块我们要说的一个东西什么呀，Sscript的标签，SCI ID sscript的标签，一旦用于引入什么呀，外部文件了，就什么呢？就不能在编写的什么呀，编写这个代码了，即使编写我们的浏览器也会什么呢？诶也会忽略啊，也会忽略，所以你就不用写了，写也没用，那么说如果想写怎么办？诶如果需要，诶则什么呢？则可以再创建一个新的这个sscript的标签。

等于什么呢？用于编写这个内部代码，什么意思？咱们来看，诶那这不能写了，干嘛呢？再来一个script，我在这儿写alert一个叫什么呢？哎，我是内部的，这个GS代码保存，咱们来看效果，一刷新走你，诶外部的出来了吧，然后确定是不是内部的呀，诶内部的啊，所以注意他们的这个执行啊，一旦引入文件，这里边就不能再写代码了啊，你可以再写一个，但是注意它执行顺序，谁先执行的外部的吧，为什么呀？诶是不是在上边啊，你调一个一保存，我们一刷新走，你是不是内部先执行，然后才外部的，哎，所以注意啊，我们GS代码是按照什么呀，从上到下的顺序，一行一行执行的啊，一行性执行的，好，那这个呢，是我们编写的一个位置，再来回顾一下，第一个位置可以编写到我们标签的内部，阿Li或者是HRA属性，当然还有一些其他的，我们先不管，都差不多，你们先说可以。

到这里边，但是我们说呢，这种方式我们是不推荐使用的，因为叫什么呀，结构与行为耦合不方便我们这个后期的一个什么呀，维护啊，不推荐使用，还有一个可以写到我们这个script的标签里，然后最佳方式呢，还是写到什么呀，我们的这个web文件中，然后呢，We部的一个什么呀，叫做点GS文件扩展，名为GS，然后通过script的标签来干嘛呢？引入，其实到这儿呢，跟我们死代，跟我们这个CSS其实都是很像的啊，很像的好，那这儿呢，我们来停一下。