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>
    

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

  • 相关阅读:
    Swift3 重写一个带占位符的textView
    Swift3 使用系统UIAlertView方法做吐司效果
    Swift3 页面顶部实现拉伸效果代码
    Swift3 倒计时按钮扩展
    iOS 获取当前对象所在的VC
    SpringBoot在IDEA下使用JPA
    hibernate 异常a different object with the same identifier value was already associated with the session
    SpringCloud IDEA 教学 番外篇 后台运行Eureka服务注册中心
    SpringCloud IDEA 教学 (五) 断路器控制台(HystrixDashboard)
    SpringCloud IDEA 教学 (四) 断路器(Hystrix)
  • 原文地址:https://www.cnblogs.com/momo8238/p/7425139.html
Copyright © 2011-2022 走看看