JavaScript下部分--头歌（educoder）实训作业题目及答案

目录

 JSON

第1关: JSON对象

第2关: JSON数组

第3关: JSON字符串

Math、日期和异常处理

第1关: Math类

第2关: Date类

第3关: JavaScript错误

HTML DOM——文档元素的操作（一）

第1关: 通过id获取文档元素

第2关: 通过类名获取文档元素

第3关: 通过标签名获取文档元素

第4关: html5中获取元素的方法一

第5关: html5中获取元素的方法二

第6关: 节点树上的操作

第7关: 属性值的获取

第8关: 属性值的设置

HTML DOM——文档元素的操作（二）

第1关: 创建节点

第2关: 插入节点

第3关: 删除节点

第4关: 替换节点

第5关: 综合练习

事件处理

第1关: 注册事件处理程序

第2关: 文档加载事件

第3关: 鼠标事件

第4关: 键盘事件

第5关: 表单事件

第6关: 拖动事件

第7关: 事件冒泡

浏览器对象模型

第1关: 定时器

第2关: 循环定时器

第3关: location对象

第4关: 对话框

第5关: 窗口

---

 JSON

第1关: JSON对象

function mainJs(a,b,c) {
    //请在此处编写代码
	/********** Begin **********/
    var JSONObject = {"key1":a,"key2":b,"key3":c};//定义JSON对象
    delete JSONObject.key3;//删除名字为key3的属性
	var result = "";
	for(var att in JSONObject) {//遍历剩余所有的属性
		result = result+JSONObject[att]+",";
	}
	return result.slice(0,-1);
   /********** End **********/
}

第2关: JSON数组

var myJson = {
	"category":"computer",
	"detail":"programming",
	"language":[
	"js","java","php","python","c"
	]
}

function mainJs(a) {
	a = parseInt(a);
    //请在此处编写代码
	/********** Begin **********/
    var result = "";
    for(var i = 0;i < a;i++) {
        result = result+myJson.language[i]+",";
    }
    return result.slice(0,-1);
   /********** End **********/
}

第3关: JSON字符串

var JSONString = '{"key1":"value1","key2":"value2"}';
function mainJs(a) {
    //请在此处编写代码
	/********** Begin **********/
	//JSON字符串转换为JSON对象
    var JSONObject = JSON.parse(JSONString);
	//修改key1属性的值为参数a
	JSONObject.key1 = a;
	//JSON对象转换为JSON字符串并返回
    return JSON.stringify(JSONObject);
   /********** End **********/
}

---

Math、日期和异常处理

第1关: Math类

function mainJs(a) {
    a = parseInt(a);
    //请在此处编写代码
	/********** Begin **********/
    var b = Math.ceil(a);
    var c = Math.floor(a);
    var d = Math.sqrt(a);
    var e = Math.round(a);
    var f = Math.sin(a);
    return Math.max(b,c,d,e,f)+Math.min(b,c,d,e,f);
   /********** End **********/
}

第2关: Date类

function mainJs(a) {
    a = parseInt(a);
    var date = new Date(a);
    //请在此处编写代码
	/********** Begin **********/
    var year = date.getFullYear();
    var month = date.getMonth();
    var cal = date.getDate();
    var day = date.getDay();
    return year+","+month+","+cal+","+day;
   /********** End **********/
}

第3关: JavaScript错误

function mainJs(a) {
    //请在此处编写代码
	/********** Begin **********/
    try {
        if(a < 0)
            throw new Error("negative cannot be rooted");
        if(a == 0)
            throw new Error("zero cannot be numerator");
        return 1/(Math.sqrt(a));
    }catch(err) {
        return err.message;
    }
    /********** End **********/
}

---

HTML DOM——文档元素的操作（一）

第1关: 通过id获取文档元素

    
    


    Google
    
this is a text
    

第2关: 通过类名获取文档元素

    
    


    
    

    This is quote
    
This is what you should get
    

第3关: 通过标签名获取文档元素

    
    



    

        EduCoder
        FaceBook
    
    

        Twitter
        

        NUDT
    
    
this is a text

第4关: html5中获取元素的方法一

    


    
你需要获得的元素是我
    
是楼上
    
是楼上的楼上
    

第5关: html5中获取元素的方法二

    


    
你需要获得的元素是我
    
包括我
    
还有我
    

第6关: 节点树上的操作

	

		
文本
		超链接
	
	

		
			红
			黄
			蓝
		
	

  

第7关: 属性值的获取

第8关: 属性值的设置

    


    

    
This is form
    
    

---

HTML DOM——文档元素的操作（二）

第1关: 创建节点

第2关: 插入节点

    


    

        
America
        
Mexio
    
    

第3关: 删除节点

    


    

        
Chrome
        
Firefox
        
Opera
        
Safari
    
    

第4关: 替换节点

    


    

        Google
    
    

第5关: 综合练习

	北京
    安徽


    北京市

---

事件处理

第1关: 注册事件处理程序

    
    


    按钮1
    按钮2
    按钮3
    

第2关: 文档加载事件

第3关: 鼠标事件

	
    	
    	
	
	
    	

        	text
    	
    	
        	button
    	
    	
	

第4关: 键盘事件

第5关: 表单事件

第6关: 拖动事件

    
        
        
    
    
        

			
            
            
drag me
            
        
        
    

第7关: 事件冒泡

    
    


    

        

            
click me!
        
    
    

---

浏览器对象模型

第1关: 定时器

    
    


    
set timer then undo
    

第2关: 循环定时器

    
    


    
this is task onea
    
this is task two
    
try to remove task one
    

第3关: location对象

    
    


    
Click me to new page!
    

第4关: 对话框

    
    


    
Click to input name!
    

第5关: 窗口

    
    


    
open new window