zoukankan      html  css  js  c++  java
  • 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("是数字!!!!")    
        }    
    }

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

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

        逻辑运算符&& || !

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

    语句:

    顺序语句

    分支语句

    循环语句

  • 相关阅读:
    高精度计算
    高精度除以低精度
    P1258 小车问题
    POJ 2352 stars (树状数组入门经典!!!)
    HDU 3635 Dragon Balls(超级经典的带权并查集!!!新手入门)
    HDU 3938 Portal (离线并查集,此题思路很强!!!,得到所谓的距离很巧妙)
    POJ 1703 Find them, Catch them(确定元素归属集合的并查集)
    HDU Virtual Friends(超级经典的带权并查集)
    HDU 3047 Zjnu Stadium(带权并查集,难想到)
    HDU 3038 How Many Answers Are Wrong(带权并查集,真的很难想到是个并查集!!!)
  • 原文地址:https://www.cnblogs.com/wy1992/p/6013464.html
Copyright © 2011-2022 走看看