通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 MY小屋
联系我们
设为首页
加入收藏

 

QQ,ASP,PHP,JSP,XML,SQL,.Net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | Q Q 专栏 | 建站经验 | 在线工具 | 站长Club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 韩国素材 | 素材图库 | 广告服务 | 服务
当前位置:首页>>编程开发>>AJAX>>正文 新版上线![旧版]
注:打开慢时请稍等

利用AJAX技术提高搜索引擎排名

http://www.iyit.net  日期:2006-10-13 11:02:23  来源:  点击:
参加讨论】  三、 嵌入式框架

  如果你关心浏览器兼容性的话,你应该使用嵌入式框架。一些老式的浏览器支持IFRAME元素,但不支持XmlHttpRequest对象。当然,使用这种方式还有如下一些理由:

  · 被加载到一个IFRAME中的内容在装载的过程中被显示于浏览器中,这向终端用户显示一个可视化进程。

  · 页面缓冲总是使用加载到一个IFRAME中的内容工作。一些版本的Opera还不能较好地使用XmlHttpRequest对象处理经缓冲的响应。

  为此,我们可以把一个空IFRAME插入到每一个DIV容器中,并且在每一个IFRAME后添加一个简短的JavaScript语句,如下所示:

<div id="header">
<div style="height: 100px; width: 100%"></div>
<iframe id="header_iframe" style="height: 0px;"></iframe>
<script>loadIframe("header","/navigation/header.html")</script>
</div>

  IFRAME的id应该等于以_iframe为后缀的占位符的id。loadIframe函数使用了两个参数:占位符的id和要加载到其中的URL。

  技巧

  如果你想在下载过程中使得IFRAME内容可见,那么你应该使用一个适当大小的IFRAME元素来替换在占位符内的空的DIV框。然而,如果你想使IFRAME保持不可见,那么你应该使用style属性来把它的高度设置为0以克服一些浏览器中的错误。

  启动装载过程的loadIframe函数是很简单的:

function loadIframe(id,url) {
 try {
  var iframeObj = document.getElementById(id+"_iframe");
  iframeObj.src = url ;
 } catch (err) {
  alert("cannot load "+url+" into "+id) ;
 }
}

  注意

  本文中所有示例代码都假定,浏览器兼容文档对象模型(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标记其大小却总是保持自动调整大小。

  · 当在一个IFRAME中时,在导航内容中的链接(一个元素)将装载IFRAME中的新页面,除非你把target="_parent"添加到每一个链接之后。

  · 依附到导航元素的JavaScript事件处理器将在IFRAME的上下文中工作(如果还保留这个上下文的话)。如果你把导航内容移动主页面上,那么事件处理器能够存取在主页面中定义的函数和变量。

本新闻共4页,当前在第3页  1  2  3  4  


编辑: [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:怎样使用AJAX进行应用程序开发
下一篇:没有了
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
让Windows XP系统锁定期间拒绝关机 关于SEO中五个最常问的问题 Google排名内部优化攻略
网站PR值的作用是不是被高估了? 关键字密度与网站排名 2006 Google SandBox效应
Googleguys 语录 Google--PageRank(网页级别)技术解密 Google--PageRank(网页级别)技术解密
Austinupdate  Sandbox 效应  Google数据库
PR更新总结 Google优化网站管理员指导方针 Google更新
提高网站在Google中的排名——面向搜索 Hilltop 算法 Hilltop算法- 探索Google排名新算法
网站排名,选服务器也有讲究!  Google Dance启示:搜索引擎优化以用户 Google排名经验谈
如何提高网站在Google的排名? 为什么在Google上搜不到我的网页 ? 搜索引擎优化的五大技术难题
最新更新 热点排行 推荐新闻
利用AJAX技术提高搜索引擎排名
怎样使用AJAX进行应用程序开发
JSON-RPC-Java 和DWR比较
DWR让Ajax如此简单
Atlas—微软的Ajax工具包
我的QQ被盗走的原因分析
WebQQ好玩不?大鸟带你一起体验
奇奇怪怪的QQ密技十五招
QQ被盗到出售过程详解
微软WinXP SP3再次跳票 推至08年发布
Google苹果合作浏览器 防恶意网站
微软操作系统实现开源?
网管应当如何管理Windows操作系统?
让Windows XP系统锁定期间拒绝关机
WindowsVista中文版11月30日正式发布
利用AJAX技术提高搜索引擎排名
合并VCD片断、快速删除文件夹--DOS命令
DOS教程 DOS命令基础应用
低格、分区、高格的应对--DOS命令应用
破解QQ密码如此简单 
一劳永逸--批处理命令(一)
QQ2006 Beta3隆重发布 实用功能一一奉
美国微软总部相中重庆15岁网络奇才(图
QQ号码激活的常见问题及案例分析 
SQL Server安装文件挂起错误解决办法
三分钟让你的系统变处女:Acronis Tru
我的QQ被盗走的原因分析
WebQQ好玩不?大鸟带你一起体验
奇奇怪怪的QQ密技十五招
QQ被盗到出售过程详解
Google苹果合作浏览器 防恶意网站
网管应当如何管理Windows操作系统?
让Windows XP系统锁定期间拒绝关机
WindowsVista中文版11月30日正式发布
Google优化网站管理员指导方针
Hilltop算法- 探索Google排名新算法

设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
Copyrights © 2004-2006 iYiT.Net All Rights Reserved.
网站合作、广告联系QQ:147007642、466949678
易特网络技术 点击这里给我发消息