码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript-基础

时间:2017-08-24 21:28:09      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:oat   for 循环   局部变量   func   定义   image   fun   运行   int   

1,变量:

       name="alex"  #默认是全局变量

  var name="eric" #局部变量

2. 写JS代码:---html中写,---临时文件可以写在浏览器的终端,检查--> console

3. 基本数据类型:数字,字符串,列表,字典,布尔类型。

   条件语句:

   for 循环:

4. 字符串转成数字类型:

age="18"

i=parseInt(age) #转成整数

j=parseFloat(age)  #转成小数

5. 变量的属性

a="alex"

a.CharAt(n): 返回字符串中的第n个字符。

a.substring(1,3) : 返回字符串中的第1,2个字符。顾头不顾尾。

a.length: 获取当前字符串的长度。

6. 定时器:

setInterval ("alert(123);", 5000) : 第一个参数表示执行什么,第二个参数表示间隔多长时间。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script>
        setInterval("alert(123);",5000)
    </script>
</body>
</html>

 运行结果:每5s会出现一次如下的弹窗。

技术分享

 

7. 函数的定义用function, 函数名+括号表示执行这个函数。

  function f1(){     }

   console.log()   表示在浏览器的console 窗口打印东西。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script>
        function f1(){
            console.log(1)
        }
        setInterval("f1();",2000)
    </script>
</body>
</html>

 运行结果:

技术分享

8. 关于字符的一些基础知识:从下面的错误可以看出,程序是严格区分大小写的。

  function func() {

  // 根据ID获取指定标签的内容,赋值给一个局部变量。

  var tag=document.getElementById(‘id‘);

  //获取标签内部的内容

  var content=tag.innerText;

  var f=content.charAt(0)

  var l=content.substring(1,content.length)

  var new_content=new_content;

  tag.innerText=new_content;

  }

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="i1">欢迎老板</div>
    <script></script>
</body>
</html>

 然后在console中执行。

document.getElementById(‘i1‘)
<div id=?"i1">?欢迎老板?</div>?
tag=document.getElementById(‘i1‘)
<div id=?"i1">?欢迎老板?</div>?
tag.innerText
"欢迎老板"
content=tag.innerText
"欢迎老板"
content
"欢迎老板"
f=content.charat(0)
VM200:1 Uncaught TypeError: content.charat is not a function
    at <anonymous>:1:11
(anonymous) @ VM200:1
f=content.charAt(0)
"欢"
l=content.substring(1,content.length)
"迎老板"
new_content=l+f
"迎老板欢"
tag.innerText=new_content
"迎老板欢"

 

9. 最终的代码:

 

<!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‘);
        var content=tag.innerText;
        var f=content.charAt(0)
        var l=content.substring(1,content.length);
        var new_content=l+f;
        tag.innerText=new_content;
        }
    setInterval(‘func()‘,500)
    </script>
</body>
</html>

 运行结果:一行字转起来了。前面的字符不停地加到后面字符的后面。

技术分享

 

Javascript-基础

标签:oat   for 循环   局部变量   func   定义   image   fun   运行   int   

原文地址:http://www.cnblogs.com/momo8238/p/7425139.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!