zoukankan      html  css  js  c++  java
  • JavaScript

    JavaScript 简介:
    1.JavaScript 被设计用来向 HTML 页面添加交互行为。
    2.JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。
    3.JavaScript 由数行可执行计算机代码组成。
    4.JavaScript 通常被直接嵌入 HTML 页面。
    5.JavaScript 是一种解释性语言(就是说,代码执行不进行预编译)

    JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中执行

    浏览器---解释器:
      1.html解释器  2.css解释器  3.js解释器

    css有三种书写方式:1.head  2.body  3.外部引入

    js的书写方式:

        不推荐使用head方式,当数据量过大时,会影响用户体验(反应时间过长

    1.js的第一种书写方式

        <script>
            alert('dsadsads');
        </script>
    

    2.js的第二种书写方式 

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

    3.注释方式
      单行注释:头部 //    多行注释:头部/* 尾部*/

    4.变量  (js谨慎使用全局变量)
    python:  name = “alex”
    js:(由于 JavaScript 对大小写敏感,变量名也对大小写敏感)
       局部变量  var name = "alex";
        (1).变量对大小写敏感(y 和 Y 是两个不同的变量)
        (2).第一个字符必须是字母、下划线(_)或美元符号($)
        (3).余下的字符可以是下划线、美元符号或任何字母或数字字符
      全局变量  name = "alex";  

    5.数据类型:(没有元组,集合)
      5.1数字

        var num = 10;
        var num = 10.2;
        var num = 10.;    显示10.0
        var num = .1;     显示0.1
        var num = "1234dsadsa";
        parseInt(num);     输出1234;调用内置函数(parseInt);必须以数字开头
        parseFloat();      输出浮点数
    

      5.2字符串 

        var str = "alex is sb";
        console.log(str);

      5.3数组(只有python叫列表)

    var obj = [元素0,元素1,….]
    
    obj.length         查看长度
    obj.push()         在尾部追加
    obj.pop()          取出最后一个元素,然后删除
    obj.unshift()      在头部插入
    obj.shift()        在头部取出第一个元素,然后删除
    obj.slice(m,n)    切片
    obj.reverse()      反转
    obj.join(obj2)     将数组元素连接起来,变成一个字符串
    obj.sort()         对数组元素进行排序 

    =================================================================

    循环:  数组 var arr = ['zahngsan','lisi','taoge','hailong'];

     python:

        for i in arr:
          print(i)

     js:
        两种循环方式,所处理的元素不同  第一种:集合  第二种:字典
     第一种循环方式:

      var arr = ['zahngsan','lisi','taoge','hailong'];
      for(var i=0; i<arr.length; i = i+1){
      console.log('dsadsadsa');          打印多个元素,中间用 +
      }

     第二种循环方式:

      var dict = {"name":"lisi","age":'23'};
      for(var i in arr){
      console.log(arr[i]);
      } 

    ==================================================================

      5.4字典(json)

    var dict = {"name":"lisi","age":'23'};

      5.5 bool

    true  or  false

      5.6函数(function)

    6.基本的运算符:

      算术运算符:  +    -     *     /      %取余      ++  ——
              ++:  var num = 1;
                   python 中 num++   《===》 num = num + 1 《===》 num += 1
                   除python,其它语言含有左++,右++  
                   var total = num ++    ===》    total = num;num = num + 1

                   var total = ++ num    ===》    num = num + 1;total = num

      比较运算符:  >   >=   <   <=

      全等 和 相等  !=     ==     ===   !==

              ===(全等(数据类型)):  num1 = 100;num2 = "100"  if num1 === num2  console.log("随便")  报错,因为num1与num2类型不同

                !==  (全不相等)

              python中无 === 与 !== 

       逻辑运算符:&&   ||   !

       赋值运算符:=   +=   -=    *=   /=

      字符串运算符:  + 连接,两边操作数有一个或两个是字符串就做连接运算

    7.流程控制: 

      1.顺序结构

        console.log("吃饭");
        console.log("睡觉");
        console.log("打豆豆");

      2.分支结构
        2.1 单分支结构

          if(表达式){
    
          }

        2.2 双分支

          if(){
      
          }eles{
    
          }

        2.3 多路分支

          if(){
          }else if(){
    
          }else if(){
    
          }else{
          
    
          }

        2.4 switch...case     

          python中没有,与if...else...相似,但要添加break,否则按照顺序执行

          swicth(){
          case :
          consoel.log();
          break;
          }

      3.循环结构  先干一次 再说
        do...while

        var n = 0;
        do{
        console.log('dsdsadsa');
        n = n + 1
        }while(n<3);

      4.函数
        python :

          def test():
          console.log("fuck hailong");

        js的函数有三种书写方式:

          1.function test(){
            console.log();
            }
          2.var test = function(){
            console.log('dsadsaj');
            }
            test();
          3.(function(){
            consoel.log('dsadsa');
            })()
    

    8.   1.序列化
        JSON.stringify(obj1)   序列化
        JSON.parse(obj2)        反序列化

      2、转义
        decodeURI( )                   URl中未转义的字符
        decodeURIComponent( )   URI组件中的未转义字符
        encodeURI( )                   URI中的转义字符
        encodeURIComponent( )   转义URI组件中的字符
        URIError                         由URl的编码和解码方法抛出

      

    eval()是python中eval与exec的合集,既可以编译代码也可以获得返回值  

    eval("x=1;y=2;console.log(x+y);")
    输出17
    

      

    ================跑马灯案例========欢迎光临=============================

    <body>
    
    <marquee behavior="" direction="right">欢迎光临</marquee>
    
        <!--<div id="wel">-->
            <!--欢迎光临-->
        <!--</div>-->
    
    </body>
    
        <script>
    
            function test() {
                var  mywel = document.getElementById("wel");
                var content = mywel.innerText;
    
                var f_content = content.charAt(0);
                var l_content = content.substring(1,content.length);
    
                var  new_content = l_content + f_content;
    //          console.log(new_content);
                mywel.innerText = new_content;
            }
    
    //        1000毫秒执行一次
            setInterval("test()",1000)
        </script>
    
    </html>
    
  • 相关阅读:
    C,LINUX,数据结构部分
    LINUX应用开发工程师职位(含答案)
    INT32 System_UserKeyFilter(NVTEVT evt, UINT32 paramNum, UINT32 *paramArray)
    屏幕调试
    1.ARM嵌入式体系结构与接口技术(Cortex-A8版)
    NT9666X调试log
    DemoKit编译过程错误
    selenium 代理设置
    pandas 轮询dataframe
    Spring 定时任务
  • 原文地址:https://www.cnblogs.com/yizhixiaowenzi/p/6439628.html
Copyright © 2011-2022 走看看