js 引入
(1)行内引入
注意:内容为文字的时候必须带上英文引号
一行内必须双引号和单引号一起使用
特点 :可以将少量的js代码写在html标签的事件属性中(以on开头),例如: onclick
注意单双引号的使用:在html里面我们推荐使用双引号,但是全部使用双引号会报错,需要单双引号一起使用,在js中 我们推荐使用单引号
在html里面如果写了大量的js代码时不方便阅读,所以尽量不要卸载html标签里(除事件属性等特殊属性外)
button οnclick="alert('你好')">点击button>\
(2)内嵌式引入
特点:可以把大量的js代码写在script标签中,也是我们经常用到的
最好不要写在html标签中间,要写在body结束标签前
script 标签不允许写html标签
<script src=""> alert('你好') </script>
(3)外部引入
特点:可以更加结构化
利用html代码的结构化,把大量的js代码写在单独的文件内,可以提高复用性
适用于js代码量比较大的情况下
<script src=""></script>
js 输入输出
<script> alert('输出内容在弹出警示框'); document.write('输出内容到页面'); console.log('输出内容到控制台'); prompt('请填写你的姓名') </script>
js 里输出结果是数字时可以不带引号,文字和字母必须带引号
alert 浏览器弹出警示框
console.log 浏览器控制台打印输出信息
prompt 浏览器弹出的一个输入框,用户可以输入
write 让浏览器在页面中输入一个内容
js 变量
变量概念:变量就是用于存储数据的容器,我们可以通过变量名获取数据,可以修改数据
var 申明变量 ,在使用变量时必须先申明变量名,才可以去使用
本质: 变量是程序在内存中申请的一块用来存储数据的空间
{
var age = 18
age 就是变量名,他就是变量
}
js 代码结束时需要英文分号结尾,
变量只申明不赋值时,会出现 undefined