- 1、本文档共10页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
《Ajax技术》实验报告
班级:
学号:
学生姓名:
实验地点:1S401
日期:2016-X-X
实验项目(三):Ajax编程实验
1.实验内容
1.课本P113实例。【将运行结果截图】
2.课本P127实例。【将运行结果截图】(以做)
3.课本P140实例。【将运行结果截图】(以做)
4.课本P145实例。【将运行结果截图】
5.课本P149制作图片轮显效果实例。【将运行结果截图】(以做)
6.课本P150实例制作图片放大效果。【将运行结果截图】(以做)
7.课本习题P154第9题。【将运行结果截图】
8.课本习题P154第11题。【将运行结果截图】
2.实验目的
1.掌握JavaScript中流程控制语句的使用方法。
2.掌握JavaScript中对话框的使用方法。
3.掌握内置对象和浏览器对象使用方法。
4.了解AJAX的工作原理。
5.了解JQuery的基本使用方法。
3.实验要求
1.了解流程控制语句的种类。
2.了解对话框的类型。
3.了解内置对象的属性和方法。
4.了解浏览器对象的属性和方法。
5.了解常用方法和函数的应用。
6.能掌握用传统的方法异步获取数据;
7.能使用JQuery的load方法异步获取数据;
8.掌握自动校验的表单;
9.掌握JQuery制作自动提示的文本框。
4.程序清单
(1)p113图片遍历
<body>
<script>
$(function(){
这是第幅图
});
});
</script>
<img/><img/><img/>
</body>
(2)p127插入删除行操作
<body>
<script>
$(function(){
前面插入的行</td><td><a
删除此行</a></td></tr>');
});
末尾插入的行</td><td><a
删除此行</a></td></tr>');
});
});
functiondel(obj){
$(obj).parent().parent().remove();
}
</script>
第一行</td>
删除此行</a></td></tr>
<tr><td>第二行</td>
删除此行</a></td></tr>
<tr><td>第三行</td>
删除此行</a></td></tr>
</table>
在前面插入行
在末尾插入行
</body>
(3)p140移进来,显示坐标
<head>
<title>move</title>
<style>
.entered{font-size:36px;}
#test{
border:2pxsolidred;background:#fdd;width
文档评论(0)