码迷,mamicode.com
首页 > 编程语言 > 详细

python学习--javascript

时间:2019-08-23 00:01:33      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:集合   ssl   OLE   指定   文件中   name   菜单   样式   type   

https://www.cnblogs.com/wupeiqi/articles/5602773.html

 

JavaScript

    独立的语言,浏览器具有js解释器

   

    JavaScript代码存在形式:

        - Head中

                <script>

                    //javascript代码

                    alert(123);

                </script>

               

                <script type="text/javascript">

                    //javascript代码

                    alert(123);

                </script>

        - 文件

            <script src=‘js文件路径‘> </script>

           

        PS: JS代码需要放置在 <body>标签内部的最下方

       

    注释

        当行注释 //

        多行注释  /*     */

       

    变量:

       

        python:

            name = ‘alex‘

        JavaScript:

            name = ‘alex‘     # 全局变量

            var name = ‘eric‘ # 局部变量

       

    写Js代码:

        - html文件中编写

        - 临时,浏览器的终端 console

       

         

    基本数据类型

        数字

            a = 18;

        字符串

            a = "alex"

            a.chartAt(索引位置)

            a.substring(起始位置,结束位置)

            a.lenght    获取当前字符串长度

            ...

        列表(数组)

            a = [11,22,33]

           

        字典

            a = {‘k1‘:‘v1‘,‘k2‘:‘v2‘}

        布尔类型

            小写

     

    for循环

        1. 循环时,循环的元素是索引

       

            a = [11,22,33,44]

            for(var item in a){

                console.log(item);

            }

           

            a = {‘k1‘:‘v1‘,‘k2‘:‘v2‘}

            for(var item in a){

                console.log(item);

            }

           

        2.

            for(var i=0;i<10;i=i+1){

               

            }

           

            a = [11,22,33,44]

            for(var i=0;i<a.length;i=i+1){

               

            }

           

            不支持字典的循环

   

     

    条件语句

        if(条件){

       

        }else if(条件){

           

        }else if(条件){

           

        }else{

           

        }

       

        ==   值相等

        ===  值和类型都相等

        &&   and

        ||   or

       

   

    函数:

   

       

        function 函数名(a,b,c){

       

        }

       

        函数名(1,2,3)

   

      

   

   

 

Dom

    1、找到标签

        获取单个元素        document.getElementById(‘i1‘)

        获取多个元素(列表)document.getElementsByTagName(‘div‘)

        获取多个元素(列表)document.getElementsByClassName(‘c1‘)

        a. 直接找

            document.getElementById             根据ID获取一个标签

            document.getElementsByName          根据name属性获取标签集合

            document.getElementsByClassName     根据class属性获取标签集合

            document.getElementsByTagName       根据标签名获取标签集合

       

        b. 间接

            tag = document.getElementById(‘i1‘)

           

            parentElement           // 父节点标签元素

            children                // 所有子标签

            firstElementChild       // 第一个子标签元素

            lastElementChild        // 最后一个子标签元素

            nextElementtSibling     // 下一个兄弟标签元素

            previousElementSibling  // 上一个兄弟标签元素

           

    2、操作标签

       

        a. innerText

           

            获取标签中的文本内容

            标签.innerText

           

            对标签内部文本进行重新复制

           

            标签.innerText = ""

           

        b. className

            tag.className =》 直接整体做操作

            tag.classList.add(‘样式名‘)   添加指定样式

            tag.classList.remove(‘样式名‘)   删除指定样式

   

            PS:

           

                <div onclick=‘func();‘>点我</div>

                <script>

                    function func(){

                   

                    }

               

                </script>

   

        c. checkbox 

                获取值

                checkbox对象.checked

                设置值

                checkbox对象.checked = true

   

   

   

作业:

    1、登录、注册,练习:position

    2、后台管理页面

        - 左侧菜单

        - 右边表格,全选反向,模态框,返回顶部

    3、商城页

python学习--javascript

标签:集合   ssl   OLE   指定   文件中   name   菜单   样式   type   

原文地址:https://www.cnblogs.com/Ian-learning/p/11397233.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!