zoukankan      html  css  js  c++  java
  • JavaWeb学习笔记(3)

    js中的字符串,可以是单引号,也可以是双引号

    js声明变量对大小写敏感

    通过typeof可以获取一个变量的类型

    可以使用instanceof运算符来判断对象的类型

    console.log  在控制台打印

    alert  弹窗

    parseInt() 和 parseFloat()。前者把值转换成整数,后者把值转换成浮点数。

    循环数组用for in循环,类似于Java中的增强for循环

    构造方法 new String(s)

    转换方法 String(s)

    js中创建对象:var stu={name:sda,height:46};

    js的方法不需要声明返回值,参数不需要声明类型

    也可以声明又返回值的方法

    onchange事件

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JS 的事件</title>
    <script type="text/javascript">
        //点击事件
        function myClick() {
            alert("你真棒");
        }
        //onchange改变事件
        function changeDistrict() {
            //1.获取选中城市
            var cityTag=document.getElementById("city");
            var code=cityTag.value;
            //2.获取区域标签 
            var districtTag=document.getElementById("district");
            switch (code) {
            case "gz":
                districtTag.innerHTML="<option>1</option><option>2</option><option>3</option><option>4</option>";
                break;
            case "sz":
                districtTag.innerHTML="<option>5</option><option>6</option><option>7</option><option>8</option>";
                break;
            case "zh":
                districtTag.innerHTML="<option>9</option><option>10</option><option>11</option><option>12</option>";
                break;
            }
        }
    </script>
    </head>
    <body>
    <button onclick="myClick()">点我有惊喜</button>
    城市:<select name="city" id="city" onchange="changeDistrict()">
        <option value="gz">广州</option>
        <option value="sz">深圳</option>
        <option value="zh">珠海</option>
    </select>
    区:<select name="district" id="district">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
    </body>
    </html>

    onmouseover:鼠标悬浮的事件

    onmouseout:鼠标离开的事件

    this代表触发当前事件的事件源

    preventDefault阻止事件默认行为

    fun(event)event是固定写法, 不能写其他

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
        var timer;
        var second =5;
        function start() {
            timer=setInterval(function a() {
                if (second==1){
                    clearInterval(timer);
                    
                    //跳转
                    window.open(".\demo2.html");//跳到另一个页面
                    //window.location=".\demo2.html";
                }
                
                document.getElementById("time").innerHTML=second;
                second--;
            },1000)
        }
        
        window.onload=function (){
            start();
        }
    </script>
    </head>
    <body>
    支付成功,<span id="time">5</span>秒后跳转到订单页面
    </body>
    </html>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    sdasdasda<br>
    价格:6000<br>
    支付成功
    </body>
    </html>
  • 相关阅读:
    【权值分块】bzoj1208 [HNOI2004]宠物收养所
    【权值分块】bzoj1588 [HNOI2002]营业额统计
    【权值分块】bzoj1503 [NOI2004]郁闷的出纳员
    【pb_ds】bzoj1056 [HAOI2008]排名系统 bzoj1862 [Zjoi2006]GameZ游戏排名系统
    【分块】【树状数组】bzoj3744 Gty的妹子序列
    【权值分块】bzoj3685 普通van Emde Boas树
    【权值分块】bzoj3224 Tyvj 1728 普通平衡树
    【搜索】数学组の问题
    【块状链表】AutSky_JadeK的块状链表模板+总结(STL版)
    【DFS】【最短路】【spfa】【BFS】洛谷P2296 NOIP2014提高组 day2 T2 寻找道路
  • 原文地址:https://www.cnblogs.com/zhangwugai/p/11196890.html
Copyright © 2011-2022 走看看