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获取文档元素
get element by id
Google
this is a text
第2关: 通过类名获取文档元素
get element by name
![]()
This is quote
This is what you should get
第3关: 通过标签名获取文档元素
get element by id
this is a text
第4关: html5中获取元素的方法一
你需要获得的元素是我
是楼上
是楼上的楼上
第5关: html5中获取元素的方法二
你需要获得的元素是我
包括我
还有我
第6关: 节点树上的操作
myTitle
文本
超链接
第7关: 属性值的获取
![]()
第8关: 属性值的设置
HTML DOM——文档元素的操作（二）
第1关: 创建节点
第2关: 插入节点
- America
- Mexio
第3关: 删除节点
- Chrome
- Firefox
- Opera
- Safari
第4关: 替换节点
第5关: 综合练习
myTitle
事件处理
第1关: 注册事件处理程序
Title
第2关: 文档加载事件
Title
第3关: 鼠标事件
Title
text
第4关: 键盘事件
Title
第5关: 表单事件
Title
第6关: 拖动事件
Title
drag me
第7关: 事件冒泡
Title
click me!
浏览器对象模型
第1关: 定时器
Title
set timer then undo
第2关: 循环定时器
Title
this is task onea
this is task two
try to remove task one
第3关: location对象
Title
Click me to new page!
第4关: 对话框
Title
Click to input name!
第5关: 窗口
Title
open new window