iframe
在Ajax流行之前大量使用:
iframe中的src属性指定的就是一个独立的页面url地址,iframe中呈现的就是这个页面的内容。
通过改变src的值,我们就可以轻松的改变iframe中的内容(类似的,刷新验证码也是同样的手段):
document.getElementById('keywords').src = "/Iframe2.html";
演示:略
独立页面
注意,iframe加载的是一个独立的页面,所以子页面无法直接调用父页面的内容
子页面调用父页面需要:window.parent
window.parent.document.getElementsByTagName('p')[0].innerText = "全程直播";
父页面调用子页面需要:window.frames[n]
window.frames[0].document.getElementsByTagName('div')[0]
.setAttribute('style', "border: 1px dashed");
演示:略
Ajax技术特点
主要特点
仍然是一个HTTP请求,所以遵守HTTP协议
无页面刷新的交互,提升了用户体验
可以只获取“部分页面”甚至是简单数据,降低了流量消耗
XMLHttpRequest 对象
(现代浏览器)直接new出来就行:
var xhttp = new XMLHt