zoukankan      html  css  js  c++  java
  • Javascript-基础1

    1,变量:

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

      var name="eric" #局部变量

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

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

       条件语句:

       for 循环:

    4. 字符串转成数字类型:parse--从语法上分析的意思

    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) : 第一个参数表示执行什么,第二个参数表示间隔多长时间。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>
    

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

  • 相关阅读:
    使用auto_prepend_file和auto_append_file
    maven导入外部jar包的方法
    scala的多种集合的使用(3)之遍历集合的方法
    scala的多种集合的使用(4)之列表List(ListBuffer)的操作
    scala的多种集合的使用(2)之集合常用方法
    UltraEdit文本行数多变一和一边多
    scala的多种集合的使用(1)之集合层级结构与分类
    用Case类生成模板代码
    寻:IE总弹出广告窗口方法? Hello
    ASP.net中提示"分析器错误""未能加载类型" Hello
  • 原文地址:https://www.cnblogs.com/momo8238/p/7425139.html
Copyright © 2011-2022 走看看