JavaScript基础

一、HTML(决定页面显示的内容)+CSS(决定页面的布局)+JS(和用户或者服务器交互,决定页面的行为)

  JS 是前端的编程语言,脚本语言,简单易学,基础是html+css,编辑工具使用:VScode、sublime、notepad、各个浏览器辅助性调试代码。
  JS 需要写在<script></script> 里,脚本可以放在<head>或者<body>里面。
    注意:JS中大小写敏感

        <!DOCTYPE html>
        <html>
        <head>
            <title></title>
            <script type="text/javascript">
                alert('ichunqiu')
            </script>
        </head>
        <body>
            <script type="text/javascript">    
                document.write("<h1>icq</h1>")
            </script>
        
        </body>
        </html>

二、JS 的输出:

  1、Window.alert() 弹窗

        <!DOCTYPE html>
        <html>
        <head>
            <title></title>
            <script type="text/javascript">
                alert('ichunqiu')
            </script>
        </head>
        <body>
        </body>
        </html>

  2、document.write() 将内容写在HTML中

        <!DOCTYPE html>
        <html>
        <head>
            <title></title>
        </head>
        <body>
            <script type="text/javascript">    
                document.write("<h1>icq</h1>")
            </script>
        </body>
        </html>

  3、innerHTML   同上

<!DOCTYPE html>  
<html>  
<head>  
    <title></title>  
</head>  
<body>  
    <div id="div"></div>
    <script type="text/javascript">  
        var aa={
            a:"测试"
        }
        document.getElementById('div').innerHTML=aa.a;
    </script>
</body>  
</html> 

  4、console.log 写在浏览器的控制台

<!DOCTYPE html>  
<html>  
<head>  
    <title></title>  
</head>  
<body>  
    <div id="div"></div>
    <script type="text/javascript">  
        var a="测试";
        console.log(a);
    </script>
</body>  
</html> 

  // 单行注释
  /* */ 多行注释

三、JS 的数据类型

  1、数字 3.14 1001 123e3=123*10^3
  2、字符串 使用单双引号括起来的的
  3、数组 [1,2,3,4] array
  4、对象 {name:'hqw',age:20}
  5、函数 function fun(参数){函数体}
    定义数据时,需要使用var关键词
  6、函数function 函数名(参数){函数体},其中一行代码写完之后,需加 ;

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript">
        alert('ichunqiu')
    </script>
</head>
<body>
    <script type="text/javascript">    
        document.write("<h1>icq</h1>")
        window.alert('你被攻击了!')
        this.alert('测试')
        document.write(Date())
        var a=123;
        var b=456;
        console.log(a+b);

        function fun() {
            this.document.getE1ementByName('div').innerHTML("测试");
                    }
    </script>
    <div name="div">我是div</div>
    <button onclick="fun()">更改</button>
</body>
</html>

    在JS中判断数据类型 ,使用typeof()判断

    类型转换
      string(1) 将数字转换为字符串
      x.tostring() 将x转化为字符串
      Number() 转化为数字,    NaN:不是数字

四、定义变量时,需要注意的事项:
  1、变量必须是字母开头,使用$或者_也可以,但不推荐
  2、大小写敏感
  3、定义变量时,推荐使用 var,变量需要先定义在使用,在定义时可以赋值=
  4、一条语句可以定义多个变量 var name='icq',age=20,job='hacker';
  5、没有初始化的变量,相当于undefined

五、JS的数据类型 
  string/number/boolean/NULL/undefined 值类型
  object/array/function 引用类型

posted @ 2019-09-25 22:46  远书  阅读(205)  评论(0编辑  收藏  举报