js引入方式-变量-数据类型

最新推荐文章于 2024-05-19 16:11:10 发布

铭铭铭铭天

最新推荐文章于 2024-05-19 16:11:10 发布

阅读量251

点赞数 1

文章标签： js引入方式 javascript的变量 js的数据类型

本文链接：https://blog.csdn.net/weixin_45542045/article/details/102557653

版权

js的三种引入方式

1. 行间引入

<body>
<!--1.行间引入-->
<input type="button" value="点一下试试" onclick="alert('来快活一下')">
<br>
<!--较少使用，鼠标移入会显示js代码-->
<a href="JavaScript:alert('好的我来了')">试试就试试</a>
<br>
<a href="http://www.baidu.com">百度</a>
<!--给a标签添加onclick后，一定添加href="JavaScript:"，相当于禁用原来a标签的跳转功能-->
<a href="JavaScript:;" onclick="alert('跑快我等你一起')">我马上就到</a>
</body>

2. 内嵌式

<head>
    <meta charset="UTF-8">
    <title>js</title>
    <!--2.内嵌式-->
    <script>alert('欢迎光临澳门金沙赌场');</script>
</head>

3. 外链式
ps：如果用外链式引入js文件之后，内嵌写入的样式不再生效

<head>
    <meta charset="UTF-8">
    <title>js</title>
    <!--3.外链式-->
    <script src="../js/js的引入方式.js">
        <!--外链式引入js文件后，写在script标签内的代码无效-->
        alert('欢迎光临澳门金沙赌场不显示')
    </script>
</head>

javascript 的变量

变量的命名规范

数字或字符
不能数字开头
见名知义
避免使用关键字
区分大小写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javascript的变量</title>

    <script>
        //var申明一个变量
        var a = 1;
        //console.log()用来调试，相当于python的print
        console.log(a, '===============')  // 1 "==============="
        var b = 2, c = 3
        console.log(b, c)  // 2 3
        d = '铭天'
        console.log(d)  // 铭天
    </script>
</head>
<body>
</body>
</html>

javascript 的6种数据类型

数值类型 – Number
字符串类型 – String
布尔类型 – Boolen
对象类型 – Object
函数类型 – Function
自运行类型 – undefind
ps：也有说是7种的，还有数组类型，他也属于对象类型，7种的话单独拿出来了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>6种数据类型</title>
    <script>
        // 单行注释
        /*
            多行注释
        */
        //1. 数值类型 --Number
        var a = 1;
        var b = 3.14;
        var result1 = typeof (a);//typeof查看数据的类型
        var result2 = typeof (b);
        console.log(result1, result2);
        //2. 字符串类型  --String
        var str1 = 'abc';
        var str2 = 'ABC';
        var str3 = 'aaa"铭天"';
        console.log(str1, typeof (str1));
        console.log(str2, typeof (str2));
        console.log(str3, typeof (str3));
        //3. 布尔类型  --Boolean
        var bool = true;
        console.log(bool, typeof (bool));
        //4. 对象类型  --Object
        var obj = {
            name1: 'python',
            name2: 'javascript'
        };
        console.log(obj, typeof (obj));
        //数组
        var arr = ['python', 'java', 'php'];
        console.log(arr, typeof (arr));
        //5. 函数类型  --Function
        var func = function () {
            console.log('函数里面的代码')
        };
        console.log(func, typeof (func));
        //函数的调用
        func();
        //6. 未定义  --undefined
        var x;
        console.log(x, typeof (x))
        //instanceof()方法，判断是否是指定的类型
        console.log(obj instanceof Object);
        console.log(a instanceof Number);
        console.log(str01 instanceof String);
        // 基本数据类型必须使用new 实例化出来的结果才能检测成功
        var a = new Number(1);
        var str01 = new String('aaa');
        console.log(a instanceof Number);
        console.log(str01 instanceof String);
    </script>
</head>
<body>
</body>
</html>

数值类型的强制转换

Number(str)：保留一位小数，字符串只要有一个非数字字符，返回NaN，不包含小数点，只能有一个小数点
parseInt(str)：取整数，从前往后读，取到第一个非数字为止，如果第一个字符是非数字字符，直接返回NaN
parseFloat(str)：取小数，不同于 parseInt 的会检测第一个小数点
Boolean(str)： False（0 / 0.0 / NaN / ‘’ / null / undefind） True：除了False之外的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数值类型的强制转换</title>
    <script>
        //将字符串 强制转换成 数值
        // 1. Numbaer 字符串只要有一个非数字的字符，就返回NaN，不包含小数点，只能有一个小数点
        var str1 = '123';  // 123
        var str1 = '123aaa';  // NaN
        var str1 = '123.1';  //123.1
        var str1 = '123.1.1';  //NaN
        var str1 = 'aaa123';  //NaN
        // var resule = Number(str1);
        // console.log(resule);
        // 2. parseInt()  --得到的结果是整数
        // 从前往后读，从第一个数字取到非数字为止
        // 如果第一个字符是非数字字符，直接返回NaN
        var result = parseInt(str1);
        console.log(str1, typeof (result));
        // 3. parseFloat()  --得到的结果是小数
        // 用法跟parseInt()几乎一样，会检测第一个小数点
        var result = parseFloat(str1);
        console.log(result, typeof (result));
        // 4. Boolean()
        // False: 0 / 0.0 / NaN / '' / null / undefined
        // True: 除了上面的几种类型外
        var num1 = 0;
        var num1 = 0.0;
        var num1 = NaN;
        var num1 = '';
        var num1 = null;
        var num1 = undefined;
        console.log(Boolean(num1))
    </script>
</head>
<body>
</body>
</html>

铭铭铭铭天

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js引入方式-变量-数据类型

js的三种引入方式1. 行间引入<body><input type="button" value="点一下试试" onclick="alert('来快活一下')"><br><a href="JavaScript:alert('好的我来了')"&gt...
复制链接

扫一扫