• JavaScript基础


    JavaScript 简介


    JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。


    JavaScript 是脚本语言

    JavaScript 是一种轻量级的编程语言。

    JavaScript 是可插入 HTML 页面的编程代码。

    JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

    JavaScript 很容易学习。


    首先看看 javascript 存在的两种方式:

    第一种方式:(直接存放在当前页面中)

    查看js定义的变量也存在两种方式:
    第一种,弹框:alert(变量名)

    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><script type="text/javascript">
            name = 'allen';
            alert(name);
        </script></head><body></body></html>

    第二种,通过console页面打印:

     <script type="text/javascript">
            name = 'allen';
            //alert(name);console.log(name);
        </script>

    显示效果如下:

    同时告诉大家,js中代码单行注释用"//,多行注释用/* */"

    多行注释:

    <script type="text/javascript" src="index.js"></script><script type="text/javascript">/*name = 'allen';
            alert(name);
            console.log(name);
            */</script>

    第二种方式:(存放在一个"*.js"的公共文件中)

    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="index.js"></script></head><body></body></html>

    index.js 内容如下:

    第二种显示效果如下(和第一次一样,只是两种写法不同):

    注意:

    上面两种存在方式的写法是head中,以后我们可以直接方式body中,而且须放在body最底部

    js中既然可以声明变量,同时也可以写函数,如下:

    函数:

    普通函数:

    <script type="text/javascript">/*name = 'allen';
            alert(name);
            console.log(name);
            *///普通函数function f1(arg){
                alert(arg);
            }
    
            f1('f1 allen');
     </script>

    显示效果如下:

    局部变量与全局变量在js中的写法:

    var 声明局部变量,不加var 就是全局变量

    <script type="text/javascript">/*name = 'allen';
            alert(name);
            console.log(name);
            *///普通函数function f1(arg){
                alert(arg);
                
                var name = 'yyh';  //var 声明局部变量
                name = 'yangyinghua'; //声明全局变量
            }
      
            f1('f1 allen')
        </script>

    匿名函数:

    <script type="text/javascript">
            /*name = 'allen';
            alert(name);
            console.log(name);
            
            //匿名函数
            var f2 = function(){
                alert('f2 allen')
            }
            f2('f2 allen')
    </script>

    自执行函数:

    顾名思义,不用调用,可直接执行

    ()() 两个括号,第一个括号写函数,第二个括号写参数

    <script type="text/javascript">/*name = 'allen';
            alert(name);
            console.log(name);
            *///自执行函数
            (function(arg){
                console.log(arg)
            })('allen')
    
    </script>

    显示效果如下:

    下面讲讲 javascript 基础知识:

    全局变量和局部变量

    name = 'allen'     #全局变量var name = 'alen'  #局部变量

    字符串基本操作

    #### 去除空格s = '  allen  '"  allen  "s.trim()          #去除两边空格"allen"s.trimLeft()      #去除左边空格"allen  "s.trimRight()     #去除右边空格"  allen"#### 查找字符串索引位置s = 'allen'"allen"s.indexOf('A')   #找不到返回-1
    -1s.indexOf('a')   #找到返回索引指针位置0s.indexOf('e')
    3#### 查找字符串s.charAt(1)    
    "l"s.charAt(3)
    "e"#### 切片s.substring(1,2)    #切片,这里1 是索引起始位置"l"s.substring(1,3)
    "ll"s.substring(1,4)
    "lle"#### 长度"allen"s.length5

    数组基本操作

    ####添加,删除
    names = [1,2,3,4]
    [1, 2, 3, 4]
    names.push(5)   #往后添加5
    names
    [1, 2, 3, 4, 5]
    names.pop()     #往后取5
    names
    [1, 2, 3, 4]
    names.unshift(6)  #从前面添加5
    names
    [6, 1, 2, 3, 4]
    names.shift()    #从前面取6###根据索引添加删除:splice
    names
    [1, 2, 3, 4]
    names.splice(1,0,'allen')  #根据指定索引位置添加
    []
    names
    [1, "allen", 2, 3, 4]
    
    names.splice(1,2)   #从索引1开始,移除两个
    ["allen", 2]
    
    
    ####切片:
    a = [11,22,33]
    [11, 22, 33]
    a.slice(1,3)    # 从索引1位置开始
    [22, 33]
    
    
    #### 合并
    a
    [11, 22]
    b
    [1, 2, 3]
    c = a.concat(b)
    [11, 22, 1, 2, 3]
    
    #### 翻转
    c
    [3, 2, 1, 22, 11]
    c.reverse()
    [11, 22, 1, 2, 3]
    
    
    ###字符串化
    a
    [11, 22]
    a.join()
    "11,22"
    a.join('')
    "1122"
    a.join(' ')
    "11 22"
    a.join('_')   # 和python 不一样,python 是: '_'.join(a)"11_22"### 长度
    a
    [11, 22]
    a.length2### 字典(是个特殊的数组)
    a = {'k1':'v1'}
    Object {k1: "v1"}   #Object类型的字典
    a.k1                #字典取值"v1"

    js 中对于数组和字典,都是集合,查看集合的内容,通过循环

    循环

    js 中有两种for循环

     <script type="text/javascript">var names = [11,22,33,44];
        
              // 第一种:for(var items in names){
                console.log(items)
            }
             
             // 语言都使用这种for(var i=0;i<10;i++){
                console.log(i)
            }
             第二种:
            for(var i=0;i<names.length;i++){
                console.log(names[i])
            }
    
        </script>

    显示效果如下:







  • 相关阅读:
    GAMIT中遇到的错误
    bash: ./install_software: Permission denied
    xmanager无法加载远程桌面
    GMT的安装
    小总结:Gamit中常见常用命令
    动态分配指针数组(以解决)
    Gamit使用gftp软件下载数据
    Python基础(1)
    JAVA中关于多线程的理解
    JAVA 基本绘图——利用JFrame JPanel 绘制扇形
  • 原文地址:https://www.cnblogs.com/bruceg/p/5417536.html
Copyright © 2020-2023  润新知