zoukankan      html  css  js  c++  java
  • JavaScript基础教程1-20160612

    1.javascript是一门浏览器运行的脚本语言和java没关系


    2.javascript语言写在哪里?

    (1)可以写单独的文件里面去调用(推荐采用此方法)

    index.html

    <head>
         <script src="20160612.js">
              
         </script>
    </head>
    

    20160612.js

    alert('hello world');

    (2)写html文件头里,html文件里取调用

    alert方法就是弹窗消息的东西

    <head>
         <script type="text/javascript">
              alert('20160612');
    
         </script>
    </head>

    3.JavaScript的变量和函数

    (1)变量(常用局部变量)

    //定义变量,var
    //变量没有类型,但是变量的值有类型之分
    
    //局部变量
    var date = '20160612';
    
    
    
    //全局变量
    window.date = "20160612";

    (2)普通函数(和其他函数一样,返回值return在需要的时候添加)

    function Foo(name){
      console.log(name);       
    }
    
    //function定义函数Foo,后面的name是占位符,代表传递进去的参数
    //console.log方法代表的是浏览器控制台输出,一般浏览器按F12,切换到console标签下就能看到

    (3)匿名函数

    var tmp = function(name){
         console.log(name)
    }
    
    
    //定义匿名函数;
    //使用函数
    temp('xiaobai');

    (4)自执行函数(这种写法定义好后就直接执行了,不用像之前的写法那样function Foo(){};   Foo())

    //开头先写2个括号()()
    
    
    //保持良好的写法习惯,避免不必要的麻烦
    
    
    //1
    (function(){ console.log('hello world'); })()
    
    
    //2
    (function(name){ console.log(name); })('xiaoming')

     4.JavaScript的字符串处理

    主要介绍几个比较常用的字符串处理函数及属性

    (1)trim方法;字符串格式化,去掉空格的东西,类似于Python的strip

    var name = '    LaoWang    '
    
    
    //字符串是不可变类型数据,所有方法得到的结果只是先出出来,变量本身值未改变
    
    
    name.trim()
    
    //如果要取到改变后的值,建议重新赋值
    
    var new_name = name.trim()

    (2)charAt方法;取到固定索引位置的字符

    charAt(index)

    var name = 'LaoWang'
    
    name.charAt(0)
    
    name.charAt(1)
    
    name.charAt(2)

    (3)substring方法;取到字符串其中的某些字符,取某些范围,类似于Python的列表分片

    substring(start,end)

    var name = 'LaoWang'
    
    
    name.substring(0,3)
    
    name.substring(1,4)

    (4)indexOf方法;取到某个字符所在的索引,只取从最开头的第一个

    var name='LaoWang'
    
    
    name.indexOf('L')
    
    name.indexOf('w')

    (5)length属性,获取字符串的长度

    var name='LaoWang'
    
    
    var length = name.Length
    
    
    console.log(length)

    5.JS数组

    数组类似于Python里面的列表,有索引,有对应的值

    (1)创建数组

    var array = [11,22,33,44,55]
    
    var array = Array(11,22,33,44,55)

    (2)数组里面添加数据

    var array = [11,22,33,44,55]
    
    //最后添加数据,类似于列表的追加
    array.push(66)
    
    
    
    //最前插入
    array.unshift(0)
    
    
    //指定位置插入,中间1不能改变,代表插入后,值以此往后移
    array.splice(0,1,'00')
    //在开始的地方插入字符串00

    (3)数组里面删除数据

    var array = [11,22,33,44,55,66]
    
    
    
    //最后删除一个
    array.pop()
    
    
    //最开始删除一个
    array.shift()
    
    
    
    //指定位置删除
    array.splice(index,count)

    (4)数组的截取,列表分片操作

    var array = [11,22,33,44,55]
    
    
    //截取数组里面从0开始到2结尾的数据,不包括2
    array.slice(0,2)

    (5)数组的合并

    var array=[11,22,33,44,55];
    
    
    var array2=[77,88];
    
    
    
    //把array2数组合并到数组1里面去
    array.concat(array2);
    
    
    
    console.log(array)

    (6)数组的翻转

    var array=[11,22,33,44,55]
    
    
    
    //数组翻转
    array.reverse()

    (7)数组和字符串的转化

    var array = [11,22,33,44,55]
    
    
    //列表转化为字符串,列表里的每个元素之间相连分隔为_
    array.join('_')

    (8)数组长度

    array = [11,22,33,44,55,66]
    
    
    array.length

    6.JS循环

    var array=[11,22,33,44,55]
    
    
    //取出里面的所有索引
    for(var item in array){
        console.log(item)
    }
    
    
    //取出里面的所有值
    for(var item in array){
       console.log(array[item])        
    }
    原创:做时间的朋友
  • 相关阅读:
    java 九个预定义Class对象
    Android github上开源项目、酷炫的交互动画和视觉效果地址集合
    Axure多人协作
    尺取法
    android binder 机制二(client和普通server)
    11-11前的电商
    用minGW编译ffmpeg(供替换opencv中引用的ffmpeg库)
    设计模式_状态模式
    六句代码实现对文件按时间的重命名,
    在QML应用中实现threading多任务
  • 原文地址:https://www.cnblogs.com/PythonOrg/p/5577693.html
Copyright © 2011-2022 走看看