// 控制台输出(给开发人员看,一般用来测试)
// console.log("输出");
// console.log("控制台输出");
// 页面输出
// document.write("hahah");
// 弹窗输出
// alert("点击");
// 鼠标悬浮隐藏
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
ul {
display: none;
}
</style>
</head>
<body>
<div class="box">
<div class="set">设置</div>
<ul>
<li>搜索设置</li>
<li>搜索设置</li>
<li>搜索设置</li>
<li>搜索设置</li>
</ul>
</div>
</body>
<script>
var mySet = document.querySelector(".set");
var myUl = document.querySelector("ul");
mySet.onmouseover = function(){
myUl.style.display="block";
}
//鼠标离开时能够继续隐藏
mySet.onmouseout = function(){
myUl.style.display="none";
}
</script>
// 变量
// 1.变量的命名规则:
// 2.第一个字符必须为字母,_或$,其他的字符还可以是数字
// 3.严格区分大小写,要有一定的含义
// 4.建议使用小驼峰规则来命名变量
// 5.不能使用关键词
// 6.尽量有意义
// log放在变量不同位置的输出情况
// console.log(age);
// var age;
// console.log(age);
// age=12;
// console.log(age);
// 声明变量的方式
// 1. var name = "小白";
// 2. var name;
// name = "小白";
// 3. name = "小白";
// 4. var name = "小白",name = "大白",name = "小黑";(同时声明多个变量)
// 只要页面中有var关键词就会先执行var声明
// 声明变量
// var name;
// 声明变量并赋值
// var name = "小白";
// 字符串类型(string)
// 只要用引号包裹的都是字符串
// typeof返回数据的数据类型(两种写法)
// console.log(typeof('10'));
// console.log(typeof '10');
// +可以实现字符串和变量的拼接(表示一个值)当+两边只要有一个值是字符串那么就表示拼接
// console.log('aaa'+111);
// ,表示两个值
// console.log('aaa',111);
// 字符串里面不能解析变量
// var a = 'qqq';
// console.log('a');
// console.log(a);
// 单引号里不能用单引号,双引号里不能用双引号
// console.log('I'am a student');(错误用法)
// console.log("I'am a student");
// console.log('I\'am a student');(添加转义字符\')
转义字符:
// number类型
// 科学计数法
// console.log(3.14e11);
// 按照进制进行划分
// console.log(023);(0代表八进制)
// console.log(0b100110);(0b代表二进制)
// console.log(0x3de);(0x代表十六进制)
// 整形和浮点型
// console.log(0.1+0.2==0.3);
// 浮点型不是一个准确的数,而是一个近似值
// NaN(not a number)
// console.log('ddd'-10);
// Boolean布尔值(区分大小写,必须小写)
// if (3>2) {
// console.log(true);
// } else {
// console.log(false);
// }
// undefined出现的几种情况:
// 1.声明一个变量但没给这个变量赋值,并且使用了这个赋值的变量,则会返回unfined.
// 2.使用一个不存在的对象的属性(使用{}定义的就是对象)
// 3.使用一个数组里不存在的值
// null空
// var val = '';空字符串(不是空)
// var val1 = null;
// Array数组(里面可以存放多个值)
// 只要看到[]就是数组
//创建数组的三种方式
1.//var arr = ['小白',222,null];
//console.log(arr);
//console.log(arr[1]);
2.//var arr1 = new Array('hello',123,'wwww')
//console.log(arr1);
//console.log(arr1[1]);
3.//var arr2 = new Array();
//arr2[0]='world'
//arr2[1]=123
//arr2[6]='ppp'
//console.log(arr2);
// 多维数组
// var q = ['小白', 16,'男',['运动',['打篮球','跑步'],'看小说',['玄幻','修仙']]]
// console.log(q[3][3][1]);