JavaScript初步学习----基本使用，简单事件，修改样式，数据类型

JavaScript基本使用

　　JavaScript原名叫livescript，是一门动态类型，弱类型基于原型的脚本语言

　　用于页面特效，前后交替，后台开发（node）

　　 JavaScript写在script标签里面，也可以写在外部的.js文件里面。通过<script src="index.js">导入

　　因为JavaScript类比于程序代码，存在前后顺序，建议script标签写在</body>之前，如果写在了head标签里面，

　　可能body代码还没执行，动态就已经运行完了，所以如果写在了head标签里面，则需要这样写

<script>

        //如果script里面涉及到操作后面的元素，而又非得把script放在前面的话，需要加上：

        window.onload = function () {

            alert(5);   alert是js内置的弹窗函数

            //这里再写代码（意思是：当整个页面加载完成之后，再执行这里的代码）

        }//一个页面中只能出现一次window.onload

    </script>

　　js需要注意的是：

　　　　严格区分大小写

　　　　每一行完整的语句后面要加分号

　　　　变量名不能使用关键字或是保留字

　　　　代码要缩进，保持可读性

初识JavaScript

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        * {

            margin: 0;

            padding: 0;

        }

    </style>

    <script>

        //如果script里面涉及到操作后面的元素，而又非得把script放在前面的话，需要加上：

        window.onload = function () {

            alert(5);

            //这里再写代码（意思是：当整个页面加载完成之后，再执行这里的代码）

        }//一个页面中只能出现一次window.onload

    </script>

</head>

<body>

    <script src="index.js"></script>

    <script>

        /*

            1.JavaScript 是一种脚本语言，是一种动态类型、弱类型

            2.JavaScript通常用来操作HTML页面的

               html骨架(页面结构)，css是样式(元素大小、颜色、位置、隐藏或显示等)，js是行为(部分动画效果、页面与用户交互等)

           JS代码写在哪里：

               script标签里面

               写在外部.js后缀文件里面，通过script标签引入

               写在标签里面

           注意：在引入js文件的script里面，一定不能再写js代码

               标签里面写js代码一般情况下不推荐(指行内的样式)

            script标签的位置：

               head或者body里面

               要注意是否需要加上window.onload

               如果说没有什么特别的要求，一般script标签放在body结束之前

           */

     /*多行注释*/

    //    单行注释

        alert("同学们好");  //弹窗 用来调式代码

        //Alert(1); //报错

        console.log("你好哟");  //打印  用来调式代码

    </script>

</body>

</html>

js对元素进行操作，

　　都是需要先获取元素，在进行操作

获取元素的集中方法

　　 JavaScript初步学习----基本使用，简单事件，修改样式，数据类型

<body>

    <div id="box">

        <ul>

            <li>1</li>

            <li>2</li>

            <li>3</li>

            <li>4</li>

        </ul>

    </div>

    <ul>

        <li>5</li>

        <li>6</li>

        <li>7</li>

    </ul>

    <script>

        // var aLi = document.getElementsByTagName("li");

        // alert(aLi.length);

        var oBox = document.getElementById("box");

        var aLi = oBox.getElementsByTagName("li");

        alert(aLi.length);

    </script>

</body>