全栈(一)

HelloWorld、JS编写位置、JS基本语法

2019-12-23  本文已影响0人  Agony_锐

HelloWorld:

JS代码需要编写到script标签中

<script type="text/javascript"></script>

 控制浏览器弹出一个警告框

alert("charry真帅");

让计算机在页面输出一个内容:document.write()可以向body中输出一个内容

document.write("charry666"); 

向控制台输出一个内容:console.log()的作用是向控制台输出一个内容

console.log("你猜我在哪?");


JS编写位置:

推荐:

将js代码编写到外部js文件中,然后通过script标签引入

<script type="text/javascript" src="../js/script.js"></script>

或者

<script type="text/javascript" src="js/index.js"></script>

写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制

script标签一旦用于引入外部文件了,就不能再编写代码了,即使编写了浏览器也会忽略

如果需要则可以再创建一个新的script标签用于编写内部代码

<script type="text/javascript" src="../js/script.js"></script>

<script type="text/javascript">

        alert("我是内部的JS代码");

</script>

可以将js代码编写到script标签中

<script type="text/javascript">

        alert("我是script标签中的代码!!");

</script>

可以将js代码写在超链接的href属性中,这样当点击超链接时,会执行js代码

<a href="javascript:alert('让你点你就点,白痴')">你也点我一下</a>

<a href="javascript:;">你也点我一下</a>

点击一下,既不跳转页面又不是超链接,啥也不是,单纯的可以点击

将js代码编写到标签的onclick属性中

点击按钮时,js代码才会执行

虽然可以写在标签的属性中,但是他们属于结构与行为耦合,不方便维护,不推荐使用

<button onclick="alert('讨厌,楠包子,你点我干嘛');">点我一下</button>


JS基本语法:


1、JS注释:

                /**/:多行注释  ——  注释中的内容不会被执行,但是可以在源代码中查看

                //:单行注释

2、一条JS语句应该以“;”结尾

                 - 如果不写分号,浏览器会自动添加,但是会消耗一些系统资源

                 - 而且有些时候,浏览器会加错分号,所以在开发中分号必须写

3、网页输出:document.write("hello"); 

4、该语句用来在控制台输出一个日志:console.log("hello"); 

5、JS中严格区分大小写

6.JS中会忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化

上一篇下一篇

猜你喜欢

热点阅读