js的引入方式_引入js-优快云博客

本文链接：https://blog.youkuaiyun.com/2301_79555864/article/details/136380167

本文介绍了JavaScript的引入方式，包括使用script标签的内外部引入，以及数据类型转换、八进制数值和布尔类型的处理。还展示了数据交换的基本操作，如变量赋值和类型检测。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js的引入方式

1.使用script标签引入js

2.script标签可以放任何位置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 1.使用script标签引入js
        // script标签可以放任何位置
        console.log("内部引入")
    </script>
     <!-- 使用外部js,类似于css的引入
        可以在任何地方引入 -->
        <script src="js/a.js"></script>
        <!-- 在标签内使用,不建议 -->
        <button onclick="alert('你好呀!')">你好呀</button>
</body>
</html>

数据转换

1.Number() 把变量强制转换为数字

2.NaN 非数字

3.转换为数字

4.转换为浮点数(小数)

5.检查是不是非数字 false---->数字 true---->x

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js数据转换</title>
</head>
<body>
    <script>
        // Number()  把变量强制转换为数字
        //NaN   非数字
        var str1="123";
        var str2="0o1234a";
        var str3="0xa1234";
        var str4="0xaa";
        var str5='0xa';
        console.log(Number(str1));
        console.log(Number(str2));
        console.log(Number(str3));
        console.log(Number(str4));
        console.log(Number(str5));
        console.log("--------------------------------------------------");


        //转换为数字
        console.log(parseInt("123.8"));
        console.log(parseInt("123a1"));
        console.log(parseInt("a123"));
        console.log(parseInt("1.2.3"));
        console.log(parseInt(null));                                          
        console.log(parseInt(false));
        //转换为浮点数(小数)
        console.log(parseFloat("123"));
        console.log(parseFloat("123.33"));
        console.log(parseFloat("123.22"));
        console.log(parseFloat("123.2"));
        //检查是不是 非数字  false---->数字   true---->x
        console.log("------------------------------------");
        console.log(isNaN(123));
        console.log(isNaN("123"));
        console.log(isNaN("a"));
        // console.log(isNaN(b));              
    </script>
</body>
</html>

数据类型

1.八进制第一位0后面是0~7组成的数字

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据类型</title>
</head>
<body>
    <script>
        // number 数字
        var a=12;
        var b=32.4;
        var c=-99;
        // 八进制    第一位0后边是0~7组成的数子
        var  d=0o123;
        console.log(d);
        // 运行没错,但是代码会报错
        // var  e=0123;
        // console.log(e);
        // 十六进制字面值前两位必须是0x
        // 后跟任何十六进制数字（0~9和A~F）。A~F不区分大小写。
        var  f=0x123;
        var  g=0xabc;
        //  string  字符串  必须被引号包围
        var  h="你好";
        var  i='你好';
        // 如果变量的标识符被加上引号,
        // 就不再是变量,就变成字符串
        var j='f';
        // 你好"张三"
        var  k='你好"张三"';
        var  l="'ljy'是好人";
        //  你是"狗"么?不是'狗'
        var m="你是\"狗\"么?不是'狗'";
        console.log(l);
        console.log(k);
        console.log(m);
        var  n="d:\\\\a\\\\a.html";
        console.log(n)
        var o="hello \nword!";
        console.log(o);


        //检测数据类型
        console.log(typeof a);
        console.log(typeof o);
        console.log(typeof 'asdsa');
        console.log(typeof 2);
        console.log(typeof "2");
        // boolean  布尔类型   true false
        // true和false不能加引号
        var p=true;
        var q=false;
        // 使用var声明变量但未对其赋值，这个变量就是undefined。
        var r;
        console.log(typeof r);

    </script>
</body>
</html>

数据交换

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var a="可乐";
        var b="雪碧";
        var c;
        //可乐---->空杯子
        c=a;
        //雪碧---->可乐
        a=b;
        //空----->雪碧
        b=c
        console.log(a);
        console.log(b);
        console.log(c);
        // a=10 b=20 c=0   a---->20   b---->10
        var a1=10;
        var b1=20;
        var c1=0;
        c1=a1;
        a1=b1;
        b1=c1;

        var aa=99;
        var bb=18;

        bb=aa;

        // number  数字  string  字符串  boolean布尔   null 空   undefind 未赋值
        // typeof