• web概述08


    变量的声明和基本使用
    DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Documenttitle>
    head>
    
    <body>
        <div>
            <h3>1、变量的声明和基本使用h3>
            <script>
                var a = 10;   //number
                var b = 21.5;
                var c = "string";
    
                document.write("a=" + a + '
    '
    ); document.write("b=", b, "
    "
    ); console.log(a / 3); //3.33333333 b = true; //数据类型允许变动,可以根据赋值进行变动。 console.log(b); d = 999; //变量可以不声明 console.log(d);
    script> div> <div> <h3>2、可以使用typeof判断变量类型h3> <script> document.writeln("typeof a=" + (typeof a) + "
    "
    ); document.writeln("typeof c=" + (typeof c) + "
    "
    ); var arr = [10, 12, 15]; //数组 document.writeln("typeof arr=" + (typeof arr) + "
    "
    ); document.write(arr); document.write(arr[0]); var now = new Date(); //系统预定义object类型 document.writeln("typeof now=" + (typeof now) + "
    "
    ); document.write(now); var aa; document.writeln("typeof aa=" + (typeof aa) + "
    "
    ); //undefined document.write(aa); //undefined var bb = true; document.writeln("typeof bb=" + (typeof bb) + "
    "
    ); //boolean document.write(!bb); //false var cc = null; document.writeln("typeof cc=" + (typeof cc) + "
    "
    ); //object document.write(cc);
    script> div> <div> <h3>3、NaNh3> <p>js中变量参与数学计算时会首先转换为数字,如果不能自动转换则得到的结果就是NaN,所有NaN参与的计算结果都是NaNp> <script> document.write("10+20=" + (10 + 20) + "
    "
    ); document.write("10+'20'=" + (10 + '20') + "
    "
    ); //1020,如果计算过程种涉及到string类型,则+表示字符串拼接 document.write("10*'20'=" + (10 * '20') + "
    "
    ); //200,由于*针对字符串没有定义计算规则,所以首先将'20'转换为数值再进行计算 document.write("'10'-'20'=" + ('10' - '20') + "
    "
    ); //-10 document.write("true+false=" + (true + false) + "
    "
    ); //1,true=1,false=0 document.write("'1a0'-'20'=" + ('1a0' - '20') + "
    "
    ); //NaN
    script> <h3>isNaN判断是否不是一个数字h3> <script> document.write("isNaN('123')=" + isNaN('123') + "
    "
    ); //false document.write("isNaN(123)=" + isNaN(123) + "
    "
    ); //false document.write("isNaN('12sad3dd')=" + isNaN('12sad3dd') + "
    "
    ); //true
    script> div> <div> <h3>4、数据类型转换h3> <p>parseInt和parseFloatp> <script> document.write("'20'-10=" + ('20' - 10) + "    " + (typeof ('20' - 10)) + "
    "
    ); //默认转换 document.write("'20'+10=" + ('20' + 10) + "
    "
    ); document.write("'20'+10=" + (parseInt('20') + 10) + "
    "
    ); document.write("parseInt('20')=" + parseInt("20") + "
    "
    ); document.write("parseInt('3.14')=" + parseInt("3.14") + "
    "
    ); //3 document.write("parseFloat('3.14')=" + parseFloat("3.14") + "
    "
    ); //3.14 document.write("parseInt('20bc10')=" + parseInt("20bc10") + "
    "
    ); //不是所有内容都支持转换时,尽可能进行转换 document.write("'20bc10'-10=" + ('20bc10' - 10) + "    " + (typeof ('20bc10' - 10)) + "
    "
    ); //NaN document.write("parseInt('ff')=" + parseInt("ff") + "
    "
    ); //NaN document.write("parseInt('ff',16)=" + parseInt("ff", 16) + "
    "
    ); //255 document.write("parseFloat('12,343.14')=" + parseFloat("12,343.14") + "
    "
    ); //12 document.write("parseFloat('12.343.14')=" + parseFloat("12.343.14") + "
    "
    ); //12.343
    script> div> <div> <h3>5、toString和toFixed转换h3> <p>toString用于将其它类型数据转换为string类型,toFix定义小数点位数p> <script> var now = new Date; document.write("date.toString()=" + now.toString() + "
    "
    ); var kk = 123.456; document.write("number.toString()=" + kk.toString() + "
    "
    ); var aaa = [2, 3, 4, 5]; document.write("object.toString()=" + aaa.toString() + "
    "
    ); var kk1 = 123.4567; document.write("number.toFixed(2)=" + kk1.toFixed(2) + "
    "
    ); //123.46
    script> div> body> html>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111
    • 112
    • 113
    • 114
    • 115
    • 116
    • 117
    • 118
    js中的方法(函数)
    DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Documenttitle>
    head>
    
    <body>
        <script>
            //    \ 转义字符
            //    var str = "sadas";
            //    alert("这是:\n一段文字")
            //    document.write("这是:\n一段文字");
            
            // var str = new String(123);
            //    var str = String(123);
            // document.write(typeof str);
    
               var str = "this is a pig中文";
                字符串.length
                    返回字符串的长度。
            //    document.write(
                    //    str.length
                    //    str.charAt(12)
            //    )
            //str.charAt(index)
            //    依照索引值取字符串中的一个字符
    
            //str.charCodeAt(index)
            //    依照索引值取字符串中的一个字符的编码
            //    编码是Unicode编码。
    
            // var kk="aBc张"
            // document.write(kk.charCodeAt(3));
    
            //String.fromCharCode(参数1,参数2.......参数N)
            //    必须是String发起,参数是0-65535之间的编码。
            //    依照unicode编码,还原一个字符串。
    
            //24464,28023,19996
            //单字节、双字节
    
            //    var str = "蒙新凯";
            //    document.write(
            //            str.charCodeAt(2)
            //            ,"
    "
    // ) // for(let k=0;k // document.write(str.charCodeAt(k)+"---"+str.charAt(k)+"
    ");
    // document.write( // String.fromCharCode(33945,26032,20975) // ) // str.indexOf(要查找的字符串,起点索引值) // 返回搜索字符串在总字符串中首次出现的索引值。 // 找不到则返回 -1. // str.lastIndexOf(要查找的字符串,起点索引值) // 同上,查找的方向是从结尾到开始。(不影响找到的索引值) // 索引值,是从0开始,从起点到终点的正整数。 // // var str = "this is a pig"; // document.write( // str.indexOf("is") // str.indexOf("is",3) // str.lastIndexOf("is") // str.lastIndexOf("is",4) // ) //截取字符串的三个方法: [面试题] //str.slice(index1,index2) // 两个参数是截取的开始和结束索引值,支持负值。 //str.substring(index1,index2) // 两个参数是截取的开始和结束索引值,不支持负值。 //str.substr(index,length) // 第一个参数是操作点的索引值,第二个参数是截取的字符数量 // 参数1支持负值。 // var str = "这是一段很长很长的话"; // document.write( // str.slice(1,-2) // str.slice(-2) // str.substr(-4,2) // str.substring(-4,-2) // ) var str = "tHis iS A pIg"; str = str.toLowerCase() document.write( // str.toUpperCase() str )
    script> body> html>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    js的运算规则
    DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Documenttitle>
        <style>
            h1 {
                color: #ff0000;
                color: rgb(255, 0, 0);
            }
        style>
    head>
    
    <body>
        <script>
            //    var x = 123;
                new 实例化
                Number  数字类型的原型名称
            //
            //    x = new Number(123);
            //    x = x*2
            //    document.write(typeof x)
    
               var x = 3.14;
            //    强制类型转换
            //    x = Number("3.14e-3");
            //    alert(x);
            //    x = "3.14e-3";
            //    隐式类型转换
            //    x = x * 1;
    
            //    以“0”开头的数字,表示0后的是8进制数
            //    x = 077;
            //    以 0x 开头的数字,表示 0x 后面的是16进制数
            //    var x = 0xFF;
            //
                js 浮点运算在特定的前提下会有误差。
            // var kk=0;
            // for(let i=0;i<10;i++)
            //     kk+=0.1;
            //    document.write(kk+"
    ")
    // x = "123a"; //parseInt // x = x * 2; // alert(x); NaN 是数字类型,表示的含义是非数字。 // x = NaN; // document.write(typeof x) //isNaN(参数) // 这个方法,用来判断,参数是否可以转换成标准数字 // 可以返回 false,不可以返回 true。 // 隶属于 window // // x = "123" // document.write( // isNaN(x) // ) // 数字.toString(参数) // 将数字转换成字符串。 // 参数(2-36)表示按多少进制显示, // 默认值是10。 // 数字.toLocaleString() // 按计算机本地设置来显示。(通常带有千分位)。 // // x = 12345.6789; // document.write( // // x.toString(35) // x.toLocaleString() // ,"
    "
    // ) // 数字.toFixed(参数) // 将数字转换为字符串 // 参数控制保留小数的位数(0-20),默认为0 // 具有四舍五入的功能,但有时候不准确。 // x = 0.3562134234 // document.write( // x.toFixed(2) // ,"
    "
    // ) //parseFloat(x) 取字符串的小数部分 //parseInt(x) 取字符串的整数部分 // 从字符串的起点开始,找符合整数(小数)的部分,转换为数字。 // 如果起点就不符合,则返回 NaN。 x = "12.5e2"; document.write( // parseFloat(x) parseInt(x) )
    script> body> html>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    js中的date函数
    DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Documenttitle>
    head>
    
    <body>
        <script>
            //    获取和设置时间时,在get或set后加 UTC 或 GMT 都是操作世界时间
            // var date = new Date();
            // console.log(date)
            // var riqi = new Date("2017-5-1")
            // console.log(riqi);
            // date.setTime(1000)
            
    
            //    date.setHours(date.getHours()+1000);
            //    date.setFullYear(2200,2,36);
            // console.log(date)
    
            // document.write(
            //     date.getFullYear() + "年"
            //     + (date.getMonth() + 1) + "月"
            //     + date.getDate() + "日"
            //     + "星期" + date.getDay()
            //     + " " + date.getHours()
            //     + ":" + date.getMinutes()
            //     + ":" + date.getSeconds()
            //     + " " + date.getMilliseconds()
            // )
    
    //         date.setTime(0)
    //    document.write(
    //         //    date.getTime()/1000/60/60/24/365+1970
    //            date
    //    )
    
    
        script>
        <hr />
        <script>
            //    在日期后加UTC表示读取或设置的时间是国际标准时间。曾经是GMT,新标准中已废弃。
            var txt = "";
            var t1 = new Date();
            for (var x = 1; x < 1000; x++) {
                for (var y = 1; y < 1000; y++) {
                    txt += "字";
                }
            }
            document.write(txt);
            var t2 = new Date();
            document.write("
    本页执行时间是:"
    + (t2 - t1) + "毫秒")
    script> body> html>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    js中的Number函数(NaN)
    DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Documenttitle>
    head>
    
    <body>
        <script>
            //    数字       0和NaN是假,其他是真
            //    字符串     空字符串是假,非空字符串是真
            //    null 和 undefined 是假。
            //    所有的引用类型都为真。
    
            //    var bool = true;
            //    var bool = false;
            //    var bool = new Boolean("abc");
            //    if(NaN){
            //        document.write("这是真的");
            //    }else{
            //        document.write("假!!!");
            //    }
            //    var a = null;
            //    var a = undefined;
    
            //    var a = document.getElementById("aaa");
            //    a.innerHTML = "123";
    
            var a = null;
            document.write(
                typeof a
            )
        script>
    body>
    
    html>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
  • 相关阅读:
    色氨酸乙酯双三氟甲基磺酰亚胺[TrpC2][Tf2N]离子液体
    巨控GRM230模块在分散式污水行业专用解决方案
    模型评价-期望对数似然和对应的估计量
    1.3优先级
    【目标检测论文解读复现NO.35】采用改进的 EfficientNet 识别苹果叶片病害
    51单片机导盲手杖_超声波测距+DS18B20测温设计
    接口测试 —— 接口测试的意义
    Educational Codeforces Round 138 (Rated for Div. 2) B. Death‘s Blessing
    20分钟快速入门SQL
    java毕业生设计在线药物配送系统计算机源码+系统+mysql+调试部署+lw
  • 原文地址:https://blog.csdn.net/weixin_44251806/article/details/127649229