一、输出语句
三个输出语句:
<script type="text/javascript">
// type="text/javascript"写不写都行 因为默认就是 最好加上
// 提示框 双引号
alert("Hello World")
// 控制台输出日志 单引号
console.log('你猜我在哪儿?')
// 在网页页面中显示(在body里面显示)
document.write('你猜')
</script>
二、Js编写位置
1.可以编写在内部script里面
<script>
alert("我在内部")
</script>
2.可以编写到外部js文件中,然后通过script标签引入
(1)新建外部js文件:
(2)在需要的html里引入
<script src="./script/script.js"></script>
3.可以将js编写在指定属性中
(1)在button里面
<button onclick="alert('点我干嘛')">快点我</button>
需要注意的是:alert单用时加的双引号,这里需要相反,用单引号,另外两个输出语句的符号也是需要相反,变成双引号。
(2)在超链接里面
<a href="javascript:alert(123);">超链接</a>
试了下,加单引号和不加都输出123,但是加双引号就报错了。
(3)在上一条的基础上,script里面啥也不写,就是空的超链接了,点击并不发生跳转
<a href="javascript:;">啥也不干</a>
三、Js基本语法
1.单行注释 快捷键 'Ctrl'+ /
2.多行注释 快捷键 'Ctrl'+'Shift'+/
3.在js中多个空格和换行会被忽略 不管多少都只显示一个
(可以用这个特点对代码格式化)
4.js中每条语句都应该以 ; 结尾
(js中有自动添加分号机制 所以就算不写分号 解释器也会自动添加)
四、字面量与变量
1.字面量:
字面量其实就是一个值,它代表的含义就是它字面的意思。
比如:1、2、3、100、"hello"、true、null 等等
在 js 中,所有的字面量都可以直接使用,但是直接使用字面量不方便。
2.变量:
变量可以用来“存储”字面量
并且变量中存储的字面量可以随意的修改
通过变量可以对字面量进行描述,并且变量比较方便修改
let x
x=80
console.log(x);
如上代码,控制台输出80。
let x
x='哈哈'
console.log(x);
如上代码,控制台输出哈哈。
let x
x=80
x='哈哈'
console.log(x);
如上代码,哈哈在下面后定义的,控制台不输出80,只输出哈哈。
let age
age =80
console.log(age);
如上代码,通过变量中对字面量进行描述,比如这个,是年龄,控制台输出80。
let age
age =80
age =81
console.log(age);
如上代码,方便更改体现在更改年龄直接在下面修改一下就可以了,控制台输出81。
五、变量使用的总结
1.声明变量 let a 或者 let a,b,c (var变量也可以 如 var a)
2.变量赋值 a=xx 如 a=10 或 a ='hello' 或 a = true
3.声明与赋值同时进行 let i = 100