Ajax技术及应用实训报告
Ajax技术及应用实训报告
小组：八小组
学号：2012051602 03
班级：过程控制122班
姓名：曹玮
二零零四年五月十九日
实训报告
一、实训科目：javascript语言与Ajax技术及应用实训
二、实训时间：2014年3月10日——2014年3月21日
三、实训地点：兰州石化职业技术学院西区信控系实训基地四机房
四、实训人员：指导教师：李模刚
学生：曹玮
五、实训目的：
通过该实训，让学生深入学习JavaScript，学会运用Ajax技术，了解Ajax技术应用，理解网站的设计方法，了解一个网站的开发过程，培养网站开发的相关经验。
六、实训要求：
开发出一个可发布实训作业网站，要求每个学生必须熟悉并读懂每个程序的源代码，每个源文件代码，熟悉每个网页界面，熟悉整个开发过程；运用JavaScript，Ajax技术，完成网站设计。设计说明书中的代码必须为实际调试过程中的源代码，界面等等。
七、实训任务
1.面向对象程序设计实例
·用不同的方式创建Boolean对象的实例，并使用typeof操作符返回其类型。
······
var boolA =new Boolean();
var boolB =new Boolean(false);
······
document.write("boolA="+boolA+" 类型："+typeof(boolA));
document.write("boolB="+boolB+" 类型："+typeof(boolB));
······
······
小结：使用常见系统对象以及这些对象的属性和方法，创建对象，对象方法和属性的使用。
2.文档对象模型的应用
·文档结构树
······
我的标题
······
3.事件处理运用
·浏览器中的事件
······
window.onload = function dd() {
var oNewP = document.createElement("p");
var oText = document.createTextNode("浏览器载入了文档!");
oNewP.appendChild(oText);
document.body.appendChild(oNewP);
}
window.onfocus = function dd() {
var oNewP = document.createElement("p");
var oText = document.createTextNode("浏览器取得了焦点!");
oNewP.appendChild(oText);
document.body.appendChild(oNewP);
}
······（焦点取消，自编）
······
4.浏览器对象模型的应用
·三种对话框使用
······
alert("Good Morning!");
prompt是一个询问框，它产生一个询问输入窗口，同时等待用户输入的结果，
alert("Hello,"+prompt("What's your name?")+"!");
if (confirm("Are you ok?"))
alert("Great!");
else
alert("oh,what's wrong?");
······
5.JavaScript库的应用
······
动画效果
······
7.Ajax技术应用
······
window.onload = function() {
var transport;
if (window.XMLHttpRequest) {
transport = new XMLHttpRequest();
} else {
try {
transport = new ActiveXObject("MSXML.XMLHTTP.6.0");
} catch (e) { }
······
if (transport) {
transport.open("GET", "https://www.360docs.net/doc/86710424.html,", true);
transport.onreadystatechange = function() {
console.log("响应事件");
}
transport.send();
······
8.网站主页面设计
设计思路：设计采用首页与其他各章节连接的形式制作，使页面干净整齐，页面设有返回，上一页，背景图片、颜色等功能。
主页代码：
······