首页 > 代码库 > js1

js1

直接在html中写js的三种方法:

1.  在标签里设置事件

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />

    <script type="text/javascript">
        function MyClick() {
            alert("aaaa");
        }
    </script>

</head>
<body>

    <!--直接在标签里设置事件-->
    <input type="button" value="我是一个按钮1" onclick="MyClick()" />

    </script>
</body>
</html>

 

2. 通过ID在head里面写js

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />

    <script type="text/javascript">
        onl oad = function () {
            document.getElementById("btn").onclick = function () {
                alert("aa");
            }
        }
    </script>
</head>
<body>

    <input type="button" value="我是一个按钮2" id="btn" />

</body>
</html>

 

3. 直接紧跟着标签写js

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
    <!--直接在标签里设置事件-->
    <input type="button" value="我是一个按钮1" onclick="MyClick()" />
    <input type="button" value="我是一个按钮2" id="btn" />
    <script type="text/javascript">
        document.getElementById("btn").onclick = function () {
            alert("aa");
        }
    </script>
</body>
</html>

 

推荐新建一个文件夹专门放js

js区分大小写

变量的申明:

 

    //申明变量必须用var
    var i = 10;
    var s = "aaaa";
    var b = false;
    var a = [2, 3, 4, 5, 6];
    var f = 20.23;*/
    
    //可以用","申明多个变量
    var j = "100", ss = "bbb"; b1 = false;

    //可以不赋初始值;运行显示"undefined"
    var h;
    alert(h);

 

 

操作字符串的常用方法

    var sString = "Hello World";
    alert(sString.length); //获取字符串长度
    alert(sString.charAt(4)); //获取字符串的第五个字符,从下标0开始算
    alert(sString.substring(3));//从第四个字符开始到最后
    alert(sString.substring(3, 7));//从第四个字符开始到第七个字符结束
    alert(sString.substr(3, 5));//从第四个字符开始,截取长度为5的字符串
    alert(sString.indexOf("l"));//从前开始扫描,找到"l"第一次出现的位置,找不到返回-1
    alert(sString.indexOf("l", 4));//从第五个位置开始找,第一次出现"l"的位置
    alert(sString.indexOf("-"));//返回-1代表字符串中不包含"-"

 

加减乘除

    var iNum1 = 10;
    var fNum2 = 20.34;
    var sNum2 = "20";
    var bNum2 = true;
    var sNum3 = "true";

    //"+"既可以做运算也可以做连接
    var fNum3 = iNum1 + fNum2;//运行结果为 30.34
    var sNum3 = iNum1 + sNum2; //这里会把iNum1转变成字符串,最后输出结果是"1020"
    var iNum3 = iNum1 + bNum2;//这里会把bNum2转变成整数,输出结果是"11"
    var sNum4 = sNum2 + bNum2;//这里显示"20true"

    //"-""*""/"只能做运算,直接把内容变成数字做运算
    var iNum4 = sNum2 - bNum2;//显示结果为19
    var nNum4 = sNum2 - sNum3;//老师说应该显示NaN, NaN=is not a number,但是我试下来结果是负数
    // alert(nNum4);

 

Parse、Number、toString的用法

    var fNum = 10.83;
    var iNum = parseInt(fNum);//直接把小数部分去掉,不是四舍五入
    
    var sNum = "10.23";
    var iNum =parseFloat(sNum) + 10;//这里把sNum转化为小数
    var f1 = Number(sNum) + 10; //把字符串变成数字

    var i=10;
    var s1 = i.toString() + "a";//这里把数字i转化成字符串

    //alert(Number("uyeuwyi")); //这时显示NaN

 

数组

    //定长数组
    var aTeam1 = new Array(12);
    aTeam1[0] = "a";
    aTeam1[1] = "b";

    //不定长数组
    var aTeam2 = new Array();
    aTeam2[0] = "a";
    aTeam2[1] = "b";

    //直接赋值数组
    var aTeam3 = ["blue", "red", "yellow"];
    //alert(aTeam3.toString()); //把数组变成逗号分隔的字符串,输出结果为"blue,red,yellow"
    //alert(aTeam3.join("_").toString());//会用"_"分隔,输出结果为"blue_red_yellow"
    //alert(aTeam3.reverse().toString());//颠倒,输出结果为"yellow_red_blue"
    //alert(aTeam3.sort().toString());//按照字母排序

    var s2 = "aa_bb_cc_dd_ee_ff_gg";
    var aString = s2.split("_");
    //alert(aString[3]);

 

多维数组

    //多维数组
    var aTeam4 = [
        ["a", "b", "c"],
        ["d", "e", "f"],
        ["g", "h", "i"]];
    alert(aTeam4[0][1]);

 

js1