使用 iframe 获取网页片段的一个好处
作者：realazy 来源：realazy 发布时间：2008-12-01 12:37:00
异步操作数据的方式有两种常见的方式：XMLHttpRequest 和 iframe. 孰优孰劣在此我们不争论，只是想举一个例子说明在获取网片片段上，使用 iframe 有一个比 XMLHttpRequest 更易企及的好处。
Ajax 常见的一种使用方法是加载网页片段填充某个区域。假设我们要在网页 foo.com/index 上请求 foo.com/partial。我们假设 partial 就是 HTML，不涉及 JSON 或 XML 格式。在这种情况下：
使用
XMLHttpRequest直接访问 partial，获取 responseText 后赋予 index 页面上某个元素的 innerHTML 即可完成。partial 必须是一个纯粹的 HTML 片段（基于以上假设）。在页面上创建一个隐藏的 iframe, 使用 iframe 的 src 请求 partial, partial 可以作为一个完整的页面，里面包含 JavaScript，由 partial 里的 JS 完成替换 index 上页面片段替换。
第二种看起来更繁琐，但能给我们更多控制权。例如，假如用户直接访问 foo.com/partial（这种情况很容易发生，假设您是 unobtrusive 的拥护者，机会更大，例如需要点击网页上的链接更新某部分内容时，用户使用新窗口打开了改链接）, 你希望她看到的是什么内容呢？
在第一种情况中，用户看到的是代码片段，绝大部分下没有任何样式，也没有任何额外提示，导致用户体验的下降。因为只是一个 HTML 片段，你什么事都干不了。
但在第二种情况下，用户看到内容可能也只是 HTML 片段，但这却是一个完整的页面，一个可以执行 JS 的完整页面。我们只需检查这个页面的 parent 对象有没有我们预设的值，就可以判断它是不是在 iframe 之内了，然后我们可以让它跳转到正常的页面。
0
投稿猜你喜欢
- 总是记不住API。昨晚写的时候用到了这些，但是没记住，于是就索性整理一下吧：python中对文件、文件夹（文件操作函数）的操作需要涉及到os
你有没有觉得你的CSS样式表文件过于臃肿？其实如果你注意并培养一些比较好的CSS书写习惯，我想你的CSS样式表过于”肥胖”的问题会得到很好的- 如下所示：#encoding=utf-8#x=raw_input("Please enter a text: ")y=x
- javascript Date.getUTCDay()方法按照通用时间在指定日期返回星期几。通过getUTCDay返回的值是对应
- 如果备份的数据库有2个文件，分别是.LDF 和 .MDF，打开企业管理器，在实例上右击---所有任务--附加数据库，然后选择那个.MDF文件
- # -*- coding: utf-8 -*-# 测试各种排序算法# link：www.jb51.net# date：2013/2/2#选择
- 本文主要介绍了OpenCV全景图像拼接的实现示例，分享给大家，具体如下：left_01.jpgright_01.jpgStitcher.py
- text函数的功能是向数据点添加文本说明。语法text(x,y,txt)text(x,y,z,txt)text(___,Name,Value
- 爬虫利器BeautifulSoup中find和find_all的使用方法二话不说，先上段HTML例子<html> &
- 在开发中有个需求是一个选择城市的列表，看了看做成 * 联动好像不是特别方便 还是做成一整页可以按导航选取的就可以了话不多说开始上码我用的是va
- Vue2.0删除了很多1.0的比较实用的过滤器，如filterBy，orderBy。官方文档给了通过计算属性实现1.0搜索过滤器功能，自己又
- 本文实例讲述了VC基于ADO技术访问数据库的方法。分享给大家供大家参考。具体如下：一、在StdAfx.h文件中添加#import "
- 1. 设置本地git账户邮箱和用户名输入命令git config --global user.name "Git账号"以
- go redis 集合操作--saddredis的go语言包，我们使用官方推荐的redigo，https://github.com/gary
- 代码实现的目的：为一个自定义的类的某个属性在使用它时候，触发某个事件。 该程序的效果：点击输入按钮，弹出一个脚本提示输入框让用户输入他的姓名
- 经常遇到百度网盘的压缩文件加密了，今天我们就破解它！实现思路上篇文章给大家介绍了爆破密码的思路，感兴趣的朋友可以了解下。其实都大同小异：无非
- 目录前言filestools库介绍一行代码给图片加水印总结前言版权相当重要，对于某张图片，可能是你精心制作的思维导图，或者你精心设计的某个l
- 先来看一个简单的方法。在 css 中定义两种样式 .odd{...} 和 .even{...} 分别用于奇数行和偶数行的不同背景颜色。在网页
- 暂时性死区只要块级作用域存在let命令，它所声明的变量就“绑定”这个区域，不再受外部的影响。这么说可能有些抽象，举个例子：var
- 本文实例讲述了Sanic框架异常处理与中间件操作。分享给大家供大家参考，具体如下：简介Sanic是一个类似Flask的Python 3.5+
