你好javascript day1
1)script写法
<script>
// 1 数字 number
// "a" 字符 字符必须由双引号 string
// 在控制台打印aaa
// console.log("aaa");//点语法 ·等于谁谁的什么
// 属性
// 张三.手指=3;
// 方法,做什么事
// 戴宗.跑步(一级符);
</script>
2) 注释
// 注释 // 注释后的代码不会被执行 // VSCode // ctrl+/ 单行注释 // alt+shift+A 多行注释
3)常用方法
<script>
// 在代码中
// API
// console.log("aa");
// 错误信息
// console.error("错误信息?");
// ok对话框 ok对话框可以打印提示文本内容,但是会强迫代码停止运行
// alert("你好");
// 确认消息框 确定取消的功能
// confirm("你是不是觉得很有意思?");
// 弹出输入框
// prompt("你今年多大岁数");
// 弹出输入框中,有默认值 20
// prompt("你今年多大岁数","20");
// console.log("bb");
// JavaScript 区分大小写
// 根据id获取元素
var div1 = document.getElementById("div1");
// 元素的样式 指定样式内容
// font-size:12px; fontSize="12px";
// div1.style.fontSize="12px";
// 给div1元素里面设置html内容
// div1.innerHTML="<span>1</span>";
</script>
4)变量
<script>
/*
x=5;
y=6;
z=x+y; */
// 字母不加双引号或者单引号 就是变量的名字
// console.log("x");//有引号的是字符
// console.log(x);//没有引号的是变量
// = 一个等号叫赋值
// x+1=y+1; 错误的
// x=y+1;
// x=x+1;//等号右侧先计算,计算完成后赋值给等号左侧,重新赋值,原值被覆盖了
// console.log(x);//打印变量及打印该变量的结果
// console.log("x");//打印字符串,和变量没关系
// 上面这种变量定义早期的ECMAScript是支持的,现在不允许这样写
// 变量命名
// 变量命名只能使用字母,数字,下划线,$,并且首字母不能是数字
// var x=5;
// 一般变量名称分为多种
// 1、普通变量名称,驼峰式命名法
// 首字母小写,第二个单词开始,每个单词的首字母大写,其他都是小写
// var getSumValue=10;
// 不能使用中文
// 2、临时变量,或者函数中的参数命名
// 首字母是下划线,后面跟驼峰式命名法
// var _sum=20;
// 3、循环条件中的局部变量
// 这种变量名多为单字母
// var i=3;
// 变量名规范
// 1、关键字,保留词是不可以命名
// var for=3;//错误的
// var if=3;
// 错误
// var private=3;
// var class="3";
// var static=7;
// 2、中文不能用
// var 姓名="谢天";
// console.log(姓名);
// 3、window的属性不能定义
// js中根对象就是window
// window.alert("你好")
// window.document.getElementById();
// 通过var定义的变量就相当于在window对象上添加了一个属性
// var alert=10;
// alert("你好");//报错,因为把window对象下alert替换为10了
// var sum=20;
// console.log(window.sum);
// var id=3;
// console.log(id);
// var status=10;
// 会自动将数值转换为字符了,因为window对象下有status这个属性,并且这个属性限定为字符型
// console.log(status);
// ES6中推出了常量
// 常量,初始设置后不能改变他的值
// 常量定义必须使用全部字母大写,单词直接使用下划线连接
// const ELEMENT_WIDTH=60;
// ELEMENT_WIDTH=40;
</script>
5)数据类型
<script>
// 字符型 string
// var a1="abc";
// var a2='abc';
// var a3=`abc`;
// var a4="50";//只用用引号引起来都是字符
// console.log(a1);//显示黑色
// 数值型 number
// var b1=10;//正整形
// var b2=-10;//整形
// var b3=0.5;//浮点型
// var b4=010;//8进制 以0起头
// var b5=0xAF;//16进制 以0x起头
// var b6=4e+2;//科学计数法 400 e就是10的多少次幂
// var b7=2.6e-2;// 0.026
// console.log(b2) 显示蓝色
// 布尔型 boolean
// 真和假 对或者错
// var c1=true;//真
// var c2=false;//假
// 可以用于判断,或者开关
// undefined 未定义值
// var d1=undefined;//给d1定义变量,没有赋值
// var d2; //这样直接定义是一样的
// null 空值
// var e1=null; 定义空值
// 当一个变量以指针的形式指向堆中的地址时,当我们不需要再指向时,就必须设置该变量为null
var x2,y2,z2;
var x1=3,
y1=4,
z1=5;
const EVENT_ID="string";
var x=y=5;
// 先把结果赋值给最前面的,再赋值给后面的
// 弱类型语句
// 不用给定变量类型,可以随意改变值的类型
// 所以我们就需要考虑变量是什么类型,才能操作
var c=10;
c="a";
// 数据类型的变化
// 强转换 隐式转换
</script>

浙公网安备 33010602011771号