利用AJAX技术提高搜索引擎排名
http://tech.ddvip.com 2006年11月20日 社区交流
本文详细介绍利用AJAX技术提高搜索引擎排名
本文中所有示例代码都假定，浏览器兼容文档对象模型(DOM)。
然而，还没有一种机制来通知请求页面所希望的内容已经被加载到占位符IFRAME中。因此，被装载的内容必须通知父页面(经由一个JavaScript调用)可以使用该内容了。实现这一操作的最好时机是，在页面加载完成以后。因此，在IFRAME内容中的BODY标志应该包含一个onLoad事件:
＜body onload="contentLoaded('header')" style="margin: 0px 0px;
padding: 0px 0px"＞技巧
加载到IFRAME中的内容的body部分应该总是有零边距和填充空白；否则，当把它集成到父页面中时，它将会轻微地迁移。
在IFRAME的上下文中执行的contentLoaded函数将提取body部分相应的HTML内容并且把它传递到一个在父页面上下文中执行的函数，此函数将使用它来填充相应的占位符：
contentLoaded在IFRAME上下文的上下文中执行：
function contentLoaded(parentID) {
var myContent = document.body.innerHTML ;
parent.copyContent(parentID，myContent);
}copyContent在父web页面的上下文中执行：
function copyContent(id，content) {
try {
var placeholder = document.getElementById(id) ;
placeholder.innerHTML = content;
} catch (err) {
alert("Cannot copy HTML content into "+id);
}
}现在，细心的读者应该感到疑惑，为什么这么复杂？在IFRAME元素中加载导航元素不是更简单一些吗？事实证明，对于此方法还要加一些防止误解的说明为好：
· IFRAME具有固定的高度和宽度。如果内容彼此超出，则内容将被剪掉或者IFRAME要加上滚动条。然而，被复制到一个在父页面中的DIV元素中的HTML标记其大小却总是保持自动调整大小。
来源：天极开发 作者：朱先忠 责编：豆豆技术应用
正在加载评论...