文章目录
初识JS的简单语句
alert( );
控制浏览器弹出一个警告框document.write();
可以向body中输出一个内容console.log();
的作用是向控制台输出一个内容
<script type="text/javascript">
alert("这是一个警告框");
document.write("看得见我吗?");
console.log("你猜我在哪出来呢?");
</script>
JS代码的编写位置
- 可以将JS代码编写到标签的
onclick属性
中,当我们点击按钮时,JS代码才会执行。
虽然可以写在标签的属性中,但是它们属于结构与行为耦合,不方便维护,不推荐使用。
<body>
<button onclick="alert('讨厌,你点我干嘛~~');">点我一下</button>
</body>
- 可以将JS代码写在超链接的
href属性
中,这样当点击超链接时,会执行JS代码。
<body>
<!--超链接不会跳转-->
<a href="javascript:alert('让你点你就点啊!!!');">你也点我一下</a>
<!--超链接点完后没有反应-->
<a href="javascript:;">你也点我一下</a>
</body>
- 可以将JS代码写到
<script></script>
标签中。
<script type="text/javascript">
alert("我是script标签中的代码!!");
</script>
- 可以将JS代码编写到外部JS文件中,然后通过
<script></script>
标签引入。
写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制,推荐使用的方式。
<script></script>
标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略。如果需要则可以在创建一个新的<script></script>
标签用于编写内部代码。
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
alert("我是内部的JS代码");
</script>
基本语法
- 注释
多行注释:/**/
单行注释://
- JS中严格区分大小写
- JS中每一条语句以分号(;)结尾
如果不写分号,浏览器会自动添加,但是会消耗一些系统资源,而且有些时候,浏览器会加错分号,所以在开发中分号必须写。 - JS中会忽略多个空格和换行,所以我们可以利用空格和换行来对代码进行格式化。
字面量&变量
- 字面量
都是一些不可改变的值,比如:1 2 3 4 5
字面量都是可以直接使用的,但我们一般不会直接使用字面量。 - 变量
变量可以用来保存字面量,而且变量的值是可以任意改变的。
变量更加方便我们的使用,所以在开发中我们都是通过变量去保存一个字面量,而很少直接使用字面量。也可以通过变量对字面量进行描述。
在JS中使用var关键字
来声明一个变量
<script type="text/javascript">
//1、声明变量
//在js中使用var关键字来声明一个变量
var a;
//2、为变量赋值
a = 123