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>