HelloWorld、JS编写位置、JS基本语法
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中会忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化