• 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>
  • 相关阅读:
    SOA精华的内容和实用的知识
    众多SEO专家集体盛赞
    黑客大曝光:VoIP安全机密与解决方案
    博文视点大讲堂41期SEO难点之网站内部链接结构
    TransactSQL管理与开发实例精粹
    千万不要错过云计算兴起的时代
    《海量数据库解决方案》之位图索引的结构和特征
    Oracle开发艺术
    Android应用程序的开发
    BizTalk Accelerator for HL7医疗行业消息路由处理机制
  • 原文地址:https://www.cnblogs.com/zhangwugai/p/11196890.html
Copyright © 2020-2023  润新知