js

2018-06-12  本文已影响0人  WANGLIN_HZ

1、helloWorld

<!DOCTYPE html>
<html>
<head>
    <title>HelloWorld</title>
</head>
<body>
    <script type="text/javascript">
        /*控制浏览器弹出一个警告框
        alert("这是第一行代码")/*
        /*让计算机在页面中输入一个内容,document可以向body中输出一个内容*/
        document.write("找得着我吗   ")
        /*向控制台输出一个内容*/
        console.log("在哪")
    </script>
</body>
</html>

2、js编写位置

<!DOCTYPE html>
<html>
<head>
    <title>js编写位置</title>
    <!-- <script type="text/javascript">alert("我是标签")</script> -->
    <script type="text/javascript" src="js/script.js">
        alert("我是内部的代码")
    </script>
</head>
<body>
    <!-- 标签的onclick属性中 -->
    <button onclick="alert('啦啦啦');">点我一下下</button>
    <!-- 超链接的href属性中 -->
    <a href="javascript:alert('你点不点');">点块点</a>
    <a href="">你点我一下</a>
</body>
</html>

编写位置


3、js基本语法

<!DOCTYPE html>
<html>
<head>
    <title>js基本语法</title>
    <script type="text/javascript">
        /*
        js注释
        多行注释
        */
        // alert("hello")
        // document.write("hello")
        // console.log("hello")/*该语句用来在控制台上输出日志*/
    </script>
</head>
<body>

</body>
</html>

注释


4、字面量和变量

<!DOCTYPE html>
<html>
<head>
    <title>字面量和变量</title>
    <script type="text/javascript">
        /*
        字面量
        1 2 3 4 5 “hello”
        alert(12334565);
        */
        // 声明变量
        var a;
        // 为变量赋值
        a = 123;
        a = 456;


        var b = 789;
        var age = 80;
        console.log(a)
        console.log(age)

    </script>
</head>
<body>

</body>
</html>

5、标识符

<!DOCTYPE html>
<html>
<head>
    <title>标识符</title>
    <script type="text/javascript">
        /*
        1字母、数字、_、$
        2、不能以数字开头
        3、不能ES中的关键字或保留字
        4、驼峰命名法
        */
        var a_1_$ = 123;
        console.log(a_1_$);
        var abc1 = 123;
        console.log(abc1)



    </script>
</head>
<body>

</body>
</html>

6、数据类型

<!DOCTYPE html>
<html>
<head>
    <title>数据类型</title>
    <script type="text/javascript">
        /*数据类型
            string 字符串
            Number 数值
            boolean 布尔值
            Null 空值
            Undefined 未定义
        引用数据类型
            Object 对象
        */
        // var a = 123;
        var str = "hello";
        console.log("hello")

    </script>
</head>
<body>

</body>
</html>
上一篇下一篇

猜你喜欢

热点阅读