《Web交互开发》实验教学指导/实验三: JavaScript高级应用 (2)完成下述任务。 任务一:编写程序完成进度条的显示,如图3-3所示。(10分) 图3-3进度条 要求 请将上述实验任务的主要代码,填写到实验报告册中。 六、自主实验步骤(20分) 1、编写tab选项卡 (1)编写选项卡,当鼠标移动上去,显示相应选项卡下的数据,如图3-4所示。 动漫电视剧电影娱乐记录 艮魂 智龙迷城 黑色四叶草 我的英雄学 图3-4tab选项卡 (2)完成下述任务 任务一:编写程序,选项卡。(20分) 要求: 请将完成上述任务的步骤,填写到实验报告册中 七、思考及问答(20分) 1、 window resize To(300,300)和 window. resizeBy(5,x)分别是什么意思?(5分) 2、 textcontent和 innerHTML有什么区别?(5分) 3、JS如何检测客户端机器上的浏览器类型?(5分) 4、 JavaScript使用哪些关键字来处理异常?(5分) 本讲共计3页|当前第3页《Web 交互开发》实验教学指导 / 实验三：JavaScript 高级应用 本讲共计 3 页 | 当前第 3 页 （2）完成下述任务。 任务一：编写程序完成进度条的显示，如图 3-3 所示。（10 分） 要求： 请将上述实验任务的主要代码，填写到实验报告册中。 六、自主实验步骤（20 分） 1、编写 tab 选项卡 （1）编写选项卡，当鼠标移动上去，显示相应选项卡下的数据，如图 3-4 所示。 （2）完成下述任务。 任务一：编写程序，选项卡。（20 分） 要求： 请将完成上述任务的步骤，填写到实验报告册中。 七、思考及问答（20 分） 1、window.resizeTo(300,300)和 window.resizeBy（5，x）分别是什么意思？（5 分） 2、textContent 和 innerHTML 有什么区别？（5 分） 3、JS 如何检测客户端机器上的浏览器类型？（5 分） 4、JavaScript 使用哪些关键字来处理异常？（5 分） 图 3-3 进度条 图 3-4 tab 选项卡