• js简介、基本语法、类型转换、变量、运算符、分支语句、循环语句、函数、函数调用


    javascript是个脚本语言,需要有宿主文件,他的宿主文件是html文件。

    三个常用对话框

    alert("")警告对话框,弹出一个警告对话框

    <script>
    alert("你好")
    </script>

    confirm("")确定对话框,弹出一个可供选择的确定对话框,点击确定返回true,点击取消返回false,可用变量接受。

    <script>
    confirm("你好")
    </script>

    prompt("要显示的文字")弹出一个可以输入内容的对话框

    <script>
    prompt("你好","张三")
    </script>

    javascript语法:

    基本数据类型:字符串、整数、小数、日期时间、布尔型

    变量:通用类型var,可以储存其他随便类型的值,可以直接使用不用定义,但习惯上定义。

    输出:

    <script>
    document.write("<p style='color:red'>出自<br />朱自清</p>")
    </script>

    数组:定义var array=new Array();长度是动态变化的,可以存放任意类型的元素

    a.length 数组的长度 a.sort()数组排序  a.reverse()数组翻转

    冒泡排序:

    var array = new Array();
    array[0]=3;
    array[1]=11;
    array[2]=62;
    array[3]=6;
    array[4]=1;
    
    
    
    for(var i =0;i<array.length-1;i++)
    {
        for(var j=i+1;j<array.length;j++)
        {
            if(parseInt(array[i])>parseInt(array[j]))
            {
                var zhong = array[i];
                array[i]=array[j];
                array[j]=zhong;    
            }    
        }
        alert(array[i])
    }

    函数:
    函数的四要素:名称,输入,返回值,加工

    可以写在外部js文件中

    js文件中

    function Change()
    {
        var a = document.getElementById("pp");
        a.style.color="red";    
    }

    html文件body里

    <p id="pp" onclick="Change()">春天来了,花儿开了,草儿绿了。</p>

    html外

    <script src="222.js"></script>

    点击变为红色

    改变元素的属性:

    <p id="hello">hello</p>
    <script>
                     function hello()
                     {
                                         x=document.getElementById("hello")
                                         x.style.color = "#ff0000";
                     }
    </script>
    <input type="button" value="点击变颜色" onclick="hello()" />
    <!--点击由黑色变红色-->

    强制转换:

    转换为整数:parseint()

    转换为小数:parsefloat()

    判断是否是一个合法的数字类型:isNaN()是数字返回false,不是数字返回true

    var a =prompt("请输入一个数字","只能是数字");
    if(a!=null)
    {
        var b = isNaN(a);
        if(b)
        {
            alert("不是数字")    
        }
        else
        {
            alert("是数字!!!!")    
        }    
    }

    运算符:数学运算符+ - * / % ++ --

        关系运算符== != <= >= < >

        逻辑运算符&& || !

        其他运算符+= -= *= /= %= ?:

    语句:

    顺序语句

    分支语句

    循环语句

  • 相关阅读:
    2017暑期集训Day 1
    17-06-28模拟赛
    17-06-26模拟赛
    平衡树学习笔记
    指针学习笔记
    17-06-14模拟赛
    17-06-11模拟赛
    17-06-02模拟赛
    17-05-31模拟赛
    培训补坑(day1:最短路&two-sat)
  • 原文地址:https://www.cnblogs.com/wy1992/p/6013464.html
Copyright © 2020-2023  润新知