9.2笔记

aaaaaaaallllll653

已于 2024-09-02 18:53:21 修改

阅读量479

点赞数 18

文章标签：笔记 javascript 前端

于 2024-09-02 18:26:14 首次发布

本文链接：https://blog.csdn.net/aaaaaaaallllll/article/details/141824896

版权

// 控制台输出(给开发人员看，一般用来测试)

// 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]);

aaaaaaaallllll653

关注

18
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
9.2笔记

/ 4. var name = "小白",name = "大白",name = "小黑";// console.log("控制台输出");// var name = "小白";// console.log("输出");
复制链接

扫一扫