js 的组成 1.ECMAScript 2.DOM 3.BOM
JavaScript语法 页面文档对象模型 浏览器对象模型
*三种书写方式:
1.行内式(直接写到元素的内部)
<input type="button" value="唐伯虎" οnclick="alert('秋香姐')">
2.内嵌式
<script>
alert('沙漠骆驼');
</ script>
3.外部链接
<script src="my.js">这个双标签里不可以写任何东西</ script>
*js输入输出语句
alert(msg) 输出的,展示给用户的 浏览器弹出警示框 浏览器
console.log(msg) 控制台输出,给程序猿测试用的 浏览器控制台打印输出信息 浏览器
prompt(info) 这是一个输入框 浏览器弹出输入框,用户可以输入 浏览器
想让用户输入内容 prompt()
弹出警示框 输出的 展示给用户的 alert()
控制台输出的 给程序猿测试用的,按F12 console.log()
变量
变量大白话就是一个装东西的盒子 是用于存放数据的容器,我们通过变量名获取数据,甚至数据可以修改
本质:变量是程序在内存中申请的一块用来存放数据的空间
*声明变量
1.var age; //声明一个名称为age的变量
var 是一个js关键字 用来声明变量(variable变量的意思) 使用该关键字声明变量后 计算机会自动为变量分配内存空间,不需 要程序员管
age 是程序员自定义的变量名 我们要通过变量名来访问内存中分配的空间
2.赋值
age = 10; //给age 这个变量赋值为10
= 用来把右边的值赋给左边的变量空间中 此处代表赋值的意思
变量值是程序员保存到变量空间里的值
列子:
var age; //声明了一个age的变量
age = 18; //赋值 把值(18)存入这个变量中
console.log(age); //输出结果
*后期使用比较多 推荐这个变量的初始化
var age = 18; //声明变量的同时 赋值为18
console.log(age);
列子:
有个叫卡卡西的人在旅店登记的时候前台让他填-张表,这张表里的内容要存到电脑上,表中的内容有:姓名、年龄、
邮箱、家庭住址和工资,存储之后需要把这些信息显示来,所显示的内容如下:
我叫旗木卡卡洒,我住在火影村,我今年30岁 了, 我的邮箱是kakaxi@itcast.cn ,我的工资2000
var myname = '卡卡西';
var address = '火影村';
var age = 30;
var email = '1330191325@qq.com';
var gz = 2000;
console.log(myname);
console.log(address);
console.log(age);
console.log(email);
console.log(gz);
用户输入姓名 存储到一个myname的变量里面
var myname = prompt('请输入您的名字');
输入这个用户名
alert(myname);
*更新变量
一个变量被重新赋值后,他原有的值就会被覆盖 变量值将以最后一次赋的值为准
类似css的层叠性
var myname = 'pink老师'; //第一个值
console.log(myname);
myname = '迪丽热巴'; //第二个值
console.log(myname);
第二个值覆盖第一个值 pink老师会被迪丽热巴覆盖
*同时声明多个变量
只要写一个 var 就行了 多个变量名之间用英文逗号隔开
最后一个加分号 (;)
如:
var age = 18,
address = '火影村',
gz = 2000;
声明变量的特殊情况
1.只声明,不赋值
如:
var age;
console.log(age); //undefined
结果是程序也不知道里面的存的是什么 所以结果是undefined 未定义的意思
2.不声明 不赋值 直接使用某个变量会报错的
如:
console.log(tel);
3.不声明直接赋值使用 虽然有用 不提倡这样使用 可以废掉
qq = 110;
console.log(qq);
1.5变量命名规范
●由字母(A-Z a-z)、 数字(0-9)、 下划线(_)、 美元符号($)组成,如: usrAge, num01,_ name
●严格区分大小写。var app;和var App;是两个变量