03: JavaScript

Posted 不做大哥好多年

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了03: JavaScript相关的知识,希望对你有一定的参考价值。

参考W3school

1.1 变量

  1、javascript变量特点

      1. JavaScript中变量的声明是一个非常容易出错的点,局部变量必须一个 var 开头
      2. 如果未使用var,则默认表示声明的是全局变量。
      3. 为了避免出错我们在定义变量时全部加var变成局部变量,如果发现他是一个全局变量再将var删除
      4. 定义局部变量和全局变量

  2、定义全局变量和局部变量

技术分享图片
    <script type="text/javascript">
        // 全局变量
        name = ‘seven‘;
        
        function func(){
            // 局部变量
            var age = 18;
            // 全局变量
            gender = "男"
        }
        console.log(name);          // seven
        console.log(gender);        // 报错:seven
    </script>
定义全局变量和局部变量

 1.2 JavaScript中数据类型

  1、JavaScript 中的数据类型分为原始类型和对象类型:

    1原始类型

        1)数字

        2)字符串

        3)布尔值

    2.、对象类型

        1)数组

        2)“字典”

        3)……..

    3、特别的,数字、布尔值、nullundefined、字符串是不可变。

                          1)null是JavaScript语言的关键字,它表示一个特殊值,常用来描述“空值”。

                          2)undefined是一个特殊值,表示变量未定义。

  2、数字(Number

    说明:JavaScript 只有一种数字类型。数字可以带小数点,也可以不带

    1. JavaScript数字定义

        var x1=34.00; //使用小数点来写
        var x2=34; //不使用小数点来写

    2. 转换

        1)parseInt(..)    将某值转换成数字,不成功则NaN

        2)parseFloat(..) 将某值转换成浮点数,不成功则NaN

    3、特殊值

        1)NaN,非数字。可使用 isNaN(num) 来判断。

        2)Infinity,无穷大。可使用 isFinite(num) 来判断。

  3、字符串(String)

    1. 字符串说明

        #1. 字符串是由字符组成的数组,但在JavaScript中字符串是不可变的:可以访问字符串任意位置的文本

        #2. 但是JavaScript并未提供修改已知字符串内容的方法

    2. 实现 “欢迎齐天大圣莅临指导” 滚动效果(跑马灯)

技术分享图片
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div id="i1">欢迎齐天大圣莅临指导</div>

    <script>
                          
        function func(){
            var tag = document.getElementById(i1);
            var content = tag.innerText;
            var f = content.charAt(0);      //f = 欢
                                             // l = 迎齐天大圣莅临指导
            var l = content.substring(1,content.length);
            var new_content = l + f;        //new_content = 迎齐天大圣莅临指导欢
                                            //然后将tag.innerText重新赋值成:迎齐天大圣莅临指导欢
            tag.innerText = new_content;
        }
        setInterval(func(), 2000);        //定时器:func()是上面定义的函数名,2000毫秒执行一次func()函数
    </script>
</body>
</html>
跑马灯

    3. 字符串(String)常用方法

技术分享图片
# obj.length                           长度
# obj.trim()                           移除空白
# eg:   v = $.trim(v);                去除获取值v的空白
# obj.trimLeft()                       移除左侧空白
# obj.trimRight)                       移除右侧空白
# obj.charAt(n)                        回字符串中的第n个字符
# obj.concat(value, ...)               拼接
# obj.indexOf(substring,start)         序列位置
# obj.lastIndexOf(substring,start)     子序列位置
# obj.substring(from, to)              根据索引获取子序列
# obj.slice(start, end)                切片
# obj.toLowerCase()                    大写
# obj.toUpperCase()                    小写
# obj.split(delimiter, limit)          分割    (limit指定取出分割后的几个元素)
# obj.search(regexp)                   头开始匹配,返回匹配成功的第一个位置(g无效)
# obj.match(regexp)                    全局搜索,如果正则中有g表示找到全部,否则只找到第一个。
# obj.replace(regexp, replacement)     替换,正则中有g则替换所有,否则只替换第一个匹配项,
                                       $数字:匹配的第n个组内容;
                                       $&:当前匹配的内容;
                                       $`:位于匹配子串左侧的文本;
                                       $:位于匹配子串右侧的文本
                                       $$:直接量$符号
字符串常用方法

 





以上是关于03: JavaScript的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段

javascript JS-常用代码片段