你好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>