js学习

1.引入方式

点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    alert("hello js1");
</script>
<!--下面这个是使用外部脚本来定义的,而上面这个是使用内部脚本来定义的-->
<script src="demo.js"></script>
</body>
</html>
2.输出语句
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    window.alert("hello js1");//写入警告框
    document.write("hello js2~");//将数据写入html页面中
    console.log("hello js3");//写入浏览器的控制台
</script>
<!--下面这个是使用外部脚本来定义的,而上面这个是使用内部脚本来定义的-->
<!--<script src="demo.js"></script>-->
</body>
</html>
3.变量
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var test=20;
    test="zhangsan";
    //javascript 是弱类型使用,即变量类型不受限
    alert(test);
    /*
      var:
        1.作用域:全局变量
        2.变量可以重复定义
     */
    {
        let age=30;
         // var age=40;
    }
    alert(age);

    const PI=3.14;//const是定义一个常量,不可以再改变

</script>






</body>
</html>
4.数据类型
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    //number
    var age=20;
    var price=99.8;
    alert(typeof age);
    alert(typeof price);

    //string
    var ch='a';
    var name='张三';
    var addr="北京";

    alert(typeof ch);
    alert(typeof name);
    alert(typeof addr);

    //boolen
    var flag=true;
    var flag2=false;

    alert(typeof flag);
    alert(typeof flag2);

    //null
    var obj=null;
    alert(typeof obj);

    //undefined
    var a;
    alert(typeof a);
</script>


</body>
</html>
posted on   睡觉时候不困  阅读(7)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示