老师，为什么onload事件在本地浏览器的时候会报错？在慕课开发环境里就不会

来源：7-8 编程练习

藤六

2019-10-13 02:33:43

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>Document</title>
    <script type="text/javascript" src="index.js"></script>
</head>
<body onload="address()">
<form>
省份：
<!--  请在此补充代码 -->
<select name="sf" id="sf" onchange="linkage()"></select>
市/区：
<!--  请在此补充代码 -->
<select name="sq" id="sq"></select>
</form>
</body>
</html>

function address(){ 
    var sf=document.getElementById("sf");
    var sq=document.getElementById("sq");
    var sf1=new Array("北京市","天津市","河北市","河南省");
    for(var f in sf1){
        selectAdd(sf,sf1[f],sf1[f]);
    }  
    
    var f1=sf.length;
    var q1=sq.length;
    sf.selectedIndex=Math.round(f1/2);
    sq.selectedIndex=Math.round(q1/2);
   linkage();
    
}
function selectAdd(obj,name,value){
    
    obj.options.add(new Option(name,value));
/*for(var i=0;i<pdArray.length;i++){
        //给obj表单元素添加一个Option条目
        obj.options.add(new Option(pdArray[i],pdArray[i]));
    }
    */
}
function linkage(){

var sf=document.getElementById("sf");
var sq=document.getElementById("sq");
var arrayCity1=new Array("朝阳区","西城区");
var arrayCity2=new Array("西青区","武清区");
var arrayCity3=new Array("石家庄","邯郸市");
var arrayCity4=new Array("郑州市","开封市");
    
var f2=sf.value;
switch(f2){
    case "北京市":
        sq.options.length=0;
        for(var i in arrayCity1){
        selectAdd(sq,arrayCity1[i],arrayCity1[i]);
        }
        break;
    case "天津市":
        sq.options.length=0;
        for(var i1 in arrayCity2){
        selectAdd(sq,arrayCity2[i1],arrayCity2[i1]);
        }
        break;
    case "河北市":
        sq.options.length=0;
        for(var i2 in arrayCity3){
        selectAdd(sq,arrayCity3[i2],arrayCity3[i2]);
        }
        break;
    case "河南省":
        sq.options.length=0;
        for(var i3 in arrayCity4){
        selectAdd(sq,arrayCity4[i3],arrayCity4[i3]);
        }
        break;    
    }
}

写回答

1回答