zoukankan      html  css  js  c++  java
  • 一生莫轻舞,一舞一生苦

    JavaScript

    在js中定义一个函数。

    1 function func_name(){
    2     alert('func_name');
    3 }

    在写每行js语句的最后,一定要加分号“;”

    在html文件中导入js文件

    1 <head lang="en">
    2     <meta charset="UTF-8">
    3     <title></title>
    4     <script type="text/javascript" src="js1.js"></script>  #导入js文件
    5     
    6 </head>

    javascript在html文件中的执行方式

     1 <head lang="en">
     2     <meta charset="UTF-8">
     3     <title></title>
     4     <script type="text/javascript" src="js1.js"></script>
     5     <script type="text/javascript">
     6         func_name()    调用执行
     7         function show(){    本地定义函数执行
     8             alert('12345');
     9         }
    10         show()
    11     </script>
    12 </head>

    javascript在html文件中的存放位置

    一般浏览器会从上往下执行,如果js的文件在html的上部,那么就可能加载的缓慢,无法及时展示后面的内容,所有在存放js文件内容时,一般会放在紧贴body的底部位置。

    <body>
    
    
        <script type="text/javascript" src="js1.js"></script>
        <script type="text/javascript">
            func_name()
            function show(){
                alert('12345')
            }
            show()
        </script>
    </body>

    js的注释方法:

    单行注释用//

    多行注释用/* 内容  */

     1 单行注释:
     2 //        function show(){
     3 //            alert('12345')
     4 //        }
     5 //        show()
     6 
     7 多行注释:
     8       /*  function show(){
     9             alert('12345')
    10         }
    11         show() */

     

    声明一个变量

    1 局部变量
    2 var name='chenchao'  
    3         
    4 全局变量,一般不要写全局变量
    5 name = 'zhangsan'

    JS里的自执行函数

    1 (function f1(arg){   声明函数 ()
    2      alert(arg);
    3 })("This is funcF1!");     执行函数  ()

    字符串的处理

    
    
    1 obj.trim()   修剪,去除两边的空格
    2 obj.charAt(index)  获取索引的一个字符
    3 obj.substring(start,end)   获取范围内索引的字符串
    4 obj.indexOf(char)    获取某个字符的索引值
    5 obj.length    字符串的长度

    数组(列表)的处理

    在js中数组就相当于python中的列表

     1 声明:
     2 w = []
     3 
     4 
     5 添加:
     6 w.push()  追加一个元素
     7 w.unshift("before")    最前端插入
     8 w.splice(2,0,"after")   在指定索引位置插入元素 2:索引 0:固定的  "after":插入的元素
     9 
    10 
    11 删除:
    12 w.pop()    尾部删除
    13 w.shift()   头部删除
    14 w.splice(index,count)   从指定的索引位置开始删除,count:要删除的个数
    15 
    16 切片
    17 w.slice(start,end)   
    18 
    19 
    20 合并
    21 a.concat(b)   两个列表合并
    22 
    23 
    24 翻转
    25 a.concat(b)   
    26 
    27 
    28 字符串拼接
    29 a.join("|")
    30 
    31 
    32 列表的长度
    33 a.length

    字典的操作

    1 声明:
    3 a = {k1: 123, k2: 234, k3: 456}
    4 
    5 根据key找到value
    6 
    7 a['k1']
    8 123

    JS里的循环

     1 第一种 2 
     3 循环列表
     4 w=[11,22,33,44,55]
     5 
     6 for(var it in w){
     7 console.log(w[it]);
     8 };
     9 
    10 循环字典:
    11 
    12 a={k1:123,k2:234,k3:456}
    13 
    14 for(var it in a){
    15 console.log(a[it]);
    16 };
    17 
    18 
    19 第二种20 
    21 
    22 for(var i=0;i<w.length;i++){  可以改变i的数值,从而改变索引的位置
    23 console.log(i);
    24 };
    25  0
    26  1
    27  2
    28  3
    29  4

    异常处理

    try{
        代码块
    }catch(e) {
         异常对象
    }finally{
         最终执行
    }

    Dom

    Dom是js的内置模块,可以操作html的所有标签

    jQuery 属于开源模块,是对js和Dom的封装

    常用事件:

    在A标签上加样式,当鼠标放上去之后不会显示下划线

    text-decoration:none

  • 相关阅读:
    go 代理
    mongo创建用户
    博客搬家&留言板
    noip2020 SD选手迷惑行为大赏
    noip2020游记
    P4174 [NOI2006] 最大获利
    P3327 [SDOI2015]约数个数和
    P5069 [Ynoi2015]纵使日薄西山
    P3747 相逢是问候
    HDE6315 Naive Operations
  • 原文地址:https://www.cnblogs.com/chenchao1990/p/5197401.html
Copyright © 2011-2022 走看看