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

来源：互联网发布：自学游戏制作知乎编辑：程序博客网时间：2024/06/06 03:48

一.变量定义如同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.字符串操作：

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

<!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秒）就会跳出一个这样的框：

再做一个实例：

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

一般只有程序员会访问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>

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

阅读全文

0 0