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>
    

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

  • 相关阅读:
    使用OPC的方式去连接PLC进行AB SLC-5_04数据的采集
    pytest:conftest.py运行细节一则
    《数据结构与算法》和《设计模式》之开门见山篇
    C语言真正的编译过程
    外挂原理之植物大战僵尸
    ORACLE数据库创建动态表
    JS中事件绑定问题
    由 “无法使用从远程表选择的 lob 定位符” 错误而引导出来的一系列问题解决方案
    安装JDK,配置环境变量有感
    MSSQL 常见故障处理
  • 原文地址:https://www.cnblogs.com/momo8238/p/7425139.html
Copyright © 2011-2022 走看看