JavaScript基础（2.变量与数据类型）

一.变量定义如同python,可以直接写，如：

name = "yiqing"

不过，这样的写法默认全局变量

想写局部变量，要加上var，如：

var i = document.getElementById("user");

全局变量一般很少，建议使用var，仔细考虑后再决定是否去掉var

比如：

<script>
    name = "yiqing";
    function func(){
        var name = "daguang"
    }
</script>

function里面用var定义局部变量，这样才会使函数内的name与全局变量name互不干扰

二.数据类型：

1.数字：在javascript里面，数字默认都是浮点数

字符串也可以转换为数字：

<script>
    age = 18;
    i = parseInt(age);
</script>

这里也有parseFloat,转换为浮点数

2.字符串操作：

JavaScript基础（2.变量与数据类型）

接下来介绍一个有趣的东西：定时器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    //创建一个定时器
    setInterval("alert(123);", 5000);
</script>
</body>
</html>

上边代码的意思就是：每隔5000毫秒（5秒）就会跳出一个这样的框：

JavaScript基础（2.变量与数据类型）

再做一个实例：

这里是望console里面发送消息，其实也是有用的，比如百度的consule：

JavaScript基础（2.变量与数据类型）

一般只有程序员会访问console，所以可以用作这样的有针对性的招聘：

<script>
    function f1() {
        console.log(1);
    }
    setInterval("f1();", 2000);
</script>

每隔2秒会往console里面发送“1”

这里我们用以上所有的知识做了一个跑马灯的实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body><!---->
<div id="i1">欢迎您</div>
<script>
    function func() {
        var tag = document.getElementById("i1");
        //查找id为i1的div
        var content = tag.innerText;
        //获取div内部文本
        var f = content.charAt(0);
        //获取第一个字符
        var l = content.substring(1, content.length);
        //获取第二个到最后一个字符
        var new_content = l + f;
        //这里使f的字符拼接到l字符串的后面
        tag.innerText = new_content;
        //将拼接后的新字符串赋值给div里的文本
     }
    setInterval("func()", 1000);
</script>
</body>
</html>

效果就是这样：每隔一秒这里的字符会变，第一个跑到最后，最后的前移

JavaScript基础（2.变量与数据类型）

JavaScript基础（2.变量与数据类型）

相关推荐