<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Yellow&#039;s Blog</title>
	<atom:link href="http://www.ffsuper.com/blog/index.php/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ffsuper.com/blog</link>
	<description>It&#039;s my evolution lab...</description>
	<lastBuildDate>Thu, 17 Dec 2009 01:06:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>常用JS+CSS</title>
		<link>http://www.ffsuper.com/blog/index.php/2009/12/16/vertical-center-mask-div/</link>
		<comments>http://www.ffsuper.com/blog/index.php/2009/12/16/vertical-center-mask-div/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 07:10:38 +0000</pubDate>
		<dc:creator>Yellow</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Front Developer]]></category>
		<category><![CDATA[Xhtml+CSS]]></category>

		<guid isPermaLink="false">http://www.ffsuper.com/blog/?p=147</guid>
		<description><![CDATA[.pop {width:100%;height:100%;position:absolute;left:0;top:0;}
.maskbox {
	  width: 100%;
      height: 100%;
	  position: absolute;
      left: 0;
      top: 0;
      z-index:1000;
      background: #000;
      filter:alpha(opacity=60);     /* IE [...]]]></description>
		<wfw:commentRss>http://www.ffsuper.com/blog/index.php/2009/12/16/vertical-center-mask-div/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用标准的CSS定义你的表格样式</title>
		<link>http://www.ffsuper.com/blog/index.php/2009/09/16/css-standard-table/</link>
		<comments>http://www.ffsuper.com/blog/index.php/2009/09/16/css-standard-table/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 07:01:54 +0000</pubDate>
		<dc:creator>Yellow</dc:creator>
				<category><![CDATA[Web Front Developer]]></category>
		<category><![CDATA[Xhtml+CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[table]]></category>

		<guid isPermaLink="false">http://www.ffsuper.com/blog/?p=90</guid>
		<description><![CDATA[原文链接：A CSS styled table version 2
]]></description>
		<wfw:commentRss>http://www.ffsuper.com/blog/index.php/2009/09/16/css-standard-table/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>七七八八的一些资源</title>
		<link>http://www.ffsuper.com/blog/index.php/2009/09/16/other-source/</link>
		<comments>http://www.ffsuper.com/blog/index.php/2009/09/16/other-source/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 03:35:57 +0000</pubDate>
		<dc:creator>Yellow</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[material]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://www.ffsuper.com/blog/?p=145</guid>
		<description><![CDATA[
http://www.pdafans.com/
http://www.hiapk.com/

http://www.douban.com/note/42126114/
]]></description>
		<wfw:commentRss>http://www.ffsuper.com/blog/index.php/2009/09/16/other-source/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Hack &#8211; IE注释篇</title>
		<link>http://www.ffsuper.com/blog/index.php/2009/08/26/css-hack-ie-annotate/</link>
		<comments>http://www.ffsuper.com/blog/index.php/2009/08/26/css-hack-ie-annotate/#comments</comments>
		<pubDate>Wed, 26 Aug 2009 07:00:04 +0000</pubDate>
		<dc:creator>Yellow</dc:creator>
				<category><![CDATA[Xhtml+CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css hack]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[注释]]></category>

		<guid isPermaLink="false">http://www.ffsuper.com/blog/?p=139</guid>
		<description><![CDATA[IE特有注释格式：
&#60;!--[if *condition IE *version]&#62;contend&#60;![endif]--&#62;
*condition 值说明：
gt: greater than，选择条件版本以上版本，不包含条件版本
lt: less than，选择条件版本以下版本，不包含条件版本
gte: greater than or equal，选择条件版本以上版本，包含条件版本
lte : less than or equal，选择条件版本以下版本，包含条件版本
&#60;!--[if !IE]&#62;&#60;!--&#62; 除IE外都可识别 &#60;!--&#60;![endif]--&#62;
&#60;!--[if&#160;IE]&#62; 所有的IE可识别 &#60;![endif]--&#62;
&#60;!--[if&#160;IE 5.0]&#62; 只有IE5.0可以识别 &#60;![endif]--&#62;
&#60;!--[if&#160;IE 5]&#62; 仅IE5.0与IE5.5可以识别 &#60;![endif]--&#62;
&#60;!--[if&#160;gt IE 5.0]&#62; IE5.0以及IE5.0以上版本都可以识别 &#60;![endif]--&#62;
&#60;!--[if&#160;IE 6]&#62; 仅IE6可识别 &#60;![endif]--&#62;
&#60;!--[if&#160;lt IE 6]&#62; IE6以及IE6以下版本可识别 &#60;![endif]--&#62;
&#60;!--[if&#160;gte IE 6]&#62; IE6以及IE6以上版本可识别 &#60;![endif]--&#62;
&#60;!--[if&#160;IE 7]&#62; 仅IE7可识别 &#60;![endif]--&#62;
&#60;!--[if&#160;lt IE 7]&#62; IE7以及IE7以下版本可识别 &#60;![endif]--&#62;
&#60;!--[if&#160;gte IE 7]&#62; IE7以及IE7以上版本可识别 &#60;![endif]--&#62;
]]></description>
		<wfw:commentRss>http://www.ffsuper.com/blog/index.php/2009/08/26/css-hack-ie-annotate/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>什么是产品体验部门的UE、UI、UCD、UED</title>
		<link>http://www.ffsuper.com/blog/index.php/2009/07/15/%e4%bb%80%e4%b9%88%e6%98%af%e4%ba%a7%e5%93%81%e4%bd%93%e9%aa%8c%e9%83%a8%e9%97%a8%e7%9a%84ue%e3%80%81ui%e3%80%81ucd%e3%80%81ued/</link>
		<comments>http://www.ffsuper.com/blog/index.php/2009/07/15/%e4%bb%80%e4%b9%88%e6%98%af%e4%ba%a7%e5%93%81%e4%bd%93%e9%aa%8c%e9%83%a8%e9%97%a8%e7%9a%84ue%e3%80%81ui%e3%80%81ucd%e3%80%81ued/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 12:49:00 +0000</pubDate>
		<dc:creator>Yellow</dc:creator>
				<category><![CDATA[UCD]]></category>
		<category><![CDATA[UE]]></category>
		<category><![CDATA[UED]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.ffsuper.com/blog/?p=122</guid>
		<description><![CDATA[字面释义： 
UE (User Experience) : 用户体验 
UI (User Interface) : 用户界面 
UCD (User-Centered Design) :以用户为中心的设计
UED (User-Experience Design) :用户体验设计
 
 UI(User Interface)即用户界面，也称人机界面。是指用户和某些系统进行交互方法的集合，这些系统不单单指电脑程序，还包括某种特定的机器，设备，复杂的工具等。 
软件设计可分为两个部分：编码设计与UI设计。编码设计大家都很熟悉，但是 UI设计还是一个很陌生的词，即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。 
界面设计。在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。 
交互设计(Interaction Design) 作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔•莫格里奇在1984年一次设计会议上提出，他一开始给它命名为“ 软面（Soft Face）”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后来把它更名为“Interaction Design”――交互设计。 
UED是进行产品策划的主力之一，他们用自己的知识、经验、设计能力拿出设计方案。ED不只是互联网专家，还是行业专家。能够用自己的互联网知识来设计出行业专家想实现的操作，而付诸以商业营销。 
简单的说，在进行产品设计时从用户的需求和用户的感受出发，围绕用户为中心设计产品，而不是让用户去适应产品，无论产品的使用流程、产品的信息架构、人机交互方式等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。
衡量一个好的以用户为中心的产品设计，可以有以下几个纬度：产品在特定使用环境下为特定用户用于特定用途时所具有的有效性（effectiveness）、效率（efficiency）和用户主观满意度（satisfaction），延伸开来还包括对特定用户而言，产品的易学程度、对用户的吸引程度、用户在体验产品前后时的整体心理感受等。
UCD是将来公司开展网络服务所必须的，所以UCD职位也将是一种趋势。 
用户体验（User Experience，简称UE）是一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计的实验来认识到。 
用户体验主要是来自用户和人机界面的交互过程。在早期的软件设计过程中，人机界面被看做仅仅是一层包裹于功能核心之外的“包装”而没有得到足够的重视。其结果就是对人机界面的开发是独立于功能核心的开发，而且往往是在整个开发过程的尾声部分才开始的。这种方式极大地限制了对人机交互的设计，其结果带有很大的风险性。因为在最后阶段再修改功能核心的设计代价巨大，牺牲人机交互界面便是唯一的出路。这种带有猜测性和赌博性的开发几乎是难以获得令人满意的用户体验。至于客户服务，从广义上说也是用户体验的一部分，因为它是同产品自身的设计分不开的。客户服务更多的是对人员素质的要求，而已经难以改变已经完成并投入市场的产品了。但是一个好的设计可以减少用户对客户服务的需要，从而减少公司在客户服务方面的投入，也降低由于客户服务质量引发用户流失的机率。 
交互设计是一门特别关注以下内容的学科： 

定义与产品的行为和使用密切相关的产品形式; 
预测产品的使用如何影响产品与用户的关系，以及用户对产品的理解; 
探索产品、人和物质、文化、历史之间的对话. 

交互设计从“目标导向”的角度解决产品设计： 

要形成对人们希望的产品使用方式，以及人们为什么想用那个这种产品等问题的见解; 
尊重用户及其目标; 
对于产品特征与使用属性，要有一个完全的形态，而不能太简单; 
展望未来，要看到产品可能的样子，它们并不必然就像当前这样. 

UDC需要学习的课程

人机交互的认知心理学、工程心理学基础; 
人的因素、人类工效学基础; 
人机交互的研究方法; 
用户调查和研究方法; 
可用性工程与评估方法; 
软件中的交互设计; 
软件产品的界面视觉设计原则、标准及经验分析; 
以用户为中心的界面设计与开发过程; [...]]]></description>
		<wfw:commentRss>http://www.ffsuper.com/blog/index.php/2009/07/15/%e4%bb%80%e4%b9%88%e6%98%af%e4%ba%a7%e5%93%81%e4%bd%93%e9%aa%8c%e9%83%a8%e9%97%a8%e7%9a%84ue%e3%80%81ui%e3%80%81ucd%e3%80%81ued/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS+JS方法去除点击链接,按钮时出现的虚线框</title>
		<link>http://www.ffsuper.com/blog/index.php/2009/07/10/cssjs%e6%96%b9%e6%b3%95%e5%8e%bb%e9%99%a4%e7%82%b9%e5%87%bb%e9%93%be%e6%8e%a5%e6%8c%89%e9%92%ae%e6%97%b6%e5%87%ba%e7%8e%b0%e7%9a%84%e8%99%9a%e7%ba%bf%e6%a1%86/</link>
		<comments>http://www.ffsuper.com/blog/index.php/2009/07/10/cssjs%e6%96%b9%e6%b3%95%e5%8e%bb%e9%99%a4%e7%82%b9%e5%87%bb%e9%93%be%e6%8e%a5%e6%8c%89%e9%92%ae%e6%97%b6%e5%87%ba%e7%8e%b0%e7%9a%84%e8%99%9a%e7%ba%bf%e6%a1%86/#comments</comments>
		<pubDate>Fri, 10 Jul 2009 08:14:41 +0000</pubDate>
		<dc:creator>Yellow</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Front Developer]]></category>
		<category><![CDATA[Xhtml+CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hidefocus]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[onfucus]]></category>
		<category><![CDATA[去除虚线框]]></category>

		<guid isPermaLink="false">http://www.ffsuper.com/blog/?p=115</guid>
		<description><![CDATA[      做前台开发时肯定会遇到使用button,a标签的时候，每次点击相关这些标签的时候，我们会经常看到有一个虚线框出现，从视觉效果来看，有虚线框会很刺眼，形象到用户浏览的视觉中心，所以我们有必要将这个刺眼的虚线框去掉。利用google和百度，整理一下相关的方法，方便以后开发当中使用。

    方法一：使用css方法
a {blr:e­xpression(this.onFocus=this.blur())} /*for IE*/
&#160; &#160; &#160; a&#160;{outline:}/*for FireFox*/
      IE浏览器下面还可以使用IE下的私有的html属性：hideFoucs，在标签的结构中加入hidefocus=&#8221;true&#8221;属性。即：
&#60;a href=&#34;http://www.g.cn&#34; hidefocus=&#34;true&#34; title=&#34;谷歌&#34;&#62;谷歌&#60;/a&#62;
    方法二：使用javascript方法：
    通过javascript遍历页面Dom
window.onload=function()
&#160; &#160; &#160;&#160; {
&#160; &#160; &#160; &#160; for(var&#160;i=0; ii&#60;document.links.length; ii++)
&#160; &#160; &#160; &#160; document.links$[$ii$]$.onfocus=function(){this.blur()}
&#160; &#160; &#160;&#160; }
     [...]]]></description>
		<wfw:commentRss>http://www.ffsuper.com/blog/index.php/2009/07/10/cssjs%e6%96%b9%e6%b3%95%e5%8e%bb%e9%99%a4%e7%82%b9%e5%87%bb%e9%93%be%e6%8e%a5%e6%8c%89%e9%92%ae%e6%97%b6%e5%87%ba%e7%8e%b0%e7%9a%84%e8%99%9a%e7%ba%bf%e6%a1%86/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript操作css属性的写法</title>
		<link>http://www.ffsuper.com/blog/index.php/2009/07/07/javascript%e6%93%8d%e4%bd%9ccss%e5%b1%9e%e6%80%a7%e7%9a%84%e5%86%99%e6%b3%95/</link>
		<comments>http://www.ffsuper.com/blog/index.php/2009/07/07/javascript%e6%93%8d%e4%bd%9ccss%e5%b1%9e%e6%80%a7%e7%9a%84%e5%86%99%e6%b3%95/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 06:37:38 +0000</pubDate>
		<dc:creator>Yellow</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css属性]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.ffsuper.com/blog/?p=109</guid>
		<description><![CDATA[使用js操作css属性和css中的写法不同:
1、对于没有中划线的css属性一般直接使用style.属性名即可；
如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。
2、对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可；
如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。
这个规律我想大多数的前端开发者也都熟知。对在css中有一个特殊的属性其js使用方法确比较特殊。
因为 float 是javascript的保留字，那怎么在js中书写样式表中的 float 呢？
我们不能直接使用obj.style.float来使用，这样操作是无效的。
其正确的使用方法是为：IE:obj.style.styleFloat，其他浏览器Mozilla(gecko)，ff等用 styleFloat:obj.style.cssFloat。
给个例子让大家好理解：
&#60;div onclick=&#34;alert(this.style.float);this.style.float='left';alert(this.style.float);&#34;&#62;测试1&#60;/div&#62;
&#60;div&#160;onclick=&#34;alert(this.style.float);if(this.style.cssFloat) {this.style.cssFloat='left';}else{this.style.styleFloat='left';}alert(this.style.float);&#34;&#38; gt;测试2&#60;/div&#62;
]]></description>
		<wfw:commentRss>http://www.ffsuper.com/blog/index.php/2009/07/07/javascript%e6%93%8d%e4%bd%9ccss%e5%b1%9e%e6%80%a7%e7%9a%84%e5%86%99%e6%b3%95/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>javascript获取屏幕信息的一些对象</title>
		<link>http://www.ffsuper.com/blog/index.php/2009/07/07/javascript%e8%8e%b7%e5%8f%96%e5%b1%8f%e5%b9%95%e4%bf%a1%e6%81%af%e7%9a%84%e4%b8%80%e4%ba%9b%e5%af%b9%e8%b1%a1/</link>
		<comments>http://www.ffsuper.com/blog/index.php/2009/07/07/javascript%e8%8e%b7%e5%8f%96%e5%b1%8f%e5%b9%95%e4%bf%a1%e6%81%af%e7%9a%84%e4%b8%80%e4%ba%9b%e5%af%b9%e8%b1%a1/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 06:32:46 +0000</pubDate>
		<dc:creator>Yellow</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[dom]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[对象]]></category>
		<category><![CDATA[屏幕信息]]></category>

		<guid isPermaLink="false">http://www.ffsuper.com/blog/?p=107</guid>
		<description><![CDATA[最近在做华为项目的时候，遇到一个要求能够自适应到从800&#215;600到1280&#215;1024之间多个分辨率的显示效果的要求，这个CSS估计只能做到一部分了，肯定需要Javascript配合来动态修改相关的CSS属性，所以上网查找了一下相关屏幕信息的一些对象，记录一下。
网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth (包括边线和滚动条的宽)
网页可见区域高：document.body.offsetHeight(包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop
网页被卷去的左：document.body.scrollLeft
如果是框架网页，取得框架的对应方法是document.documentElement.XXX
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth
屏幕设置是：window.screen.colorDepth(位彩色)
屏幕设置：window.screen.deviceXDPI(像素/英寸)
]]></description>
		<wfw:commentRss>http://www.ffsuper.com/blog/index.php/2009/07/07/javascript%e8%8e%b7%e5%8f%96%e5%b1%8f%e5%b9%95%e4%bf%a1%e6%81%af%e7%9a%84%e4%b8%80%e4%ba%9b%e5%af%b9%e8%b1%a1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>通过js解决IE缓存CSS背景图片的BUG解决办法</title>
		<link>http://www.ffsuper.com/blog/index.php/2009/07/02/js-backgroundimagecache/</link>
		<comments>http://www.ffsuper.com/blog/index.php/2009/07/02/js-backgroundimagecache/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 07:32:57 +0000</pubDate>
		<dc:creator>Yellow</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[backgroundImageCache]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[背景图片缓存]]></category>

		<guid isPermaLink="false">http://www.ffsuper.com/blog/?p=101</guid>
		<description><![CDATA[我们在设计网页的时候会经常用到背景图片。有时候页面已经打开了，这些图片实际上已经download到本地了，但IE还是会试图再次请求下载这些图片，导致页面要加载半天才能载入进来，这样无疑增加Http Requests，容易导致用户浏览的页面表示不够友好，消耗大量服务器的带宽，给服务器带来很大的压力。

下面这段JS代码就是用来解决这个IE的BUG的。 
/**&#160; &#160; 
* bug to fix: Flickering CSS Background Images in IE6&#160; &#160; 
* conditions: when IE’s cache settings are “Every visit to the page” (a common developer’s setting)&#160; &#160; 
**/&#160; &#160; 
if&#160;(/*@cc_on @_jscript_version === 5.6 &#124;&#124; @*/false) {
&#160; &#160; try&#160;{&#160;
&#160; &#160; &#160; &#160; document.execCommand(&#34;BackgroundImageCache&#34;, false, true); 
&#160; &#160; }&#160;catch(err) {}
}
]]></description>
		<wfw:commentRss>http://www.ffsuper.com/blog/index.php/2009/07/02/js-backgroundimagecache/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IFrame页面内target目标跳转到另一个iframe</title>
		<link>http://www.ffsuper.com/blog/index.php/2009/07/02/iframe%e9%a1%b5%e9%9d%a2%e5%86%85target%e7%9b%ae%e6%a0%87%e8%b7%b3%e8%bd%ac%e5%88%b0%e5%8f%a6%e4%b8%80%e4%b8%aaiframe/</link>
		<comments>http://www.ffsuper.com/blog/index.php/2009/07/02/iframe%e9%a1%b5%e9%9d%a2%e5%86%85target%e7%9b%ae%e6%a0%87%e8%b7%b3%e8%bd%ac%e5%88%b0%e5%8f%a6%e4%b8%80%e4%b8%aaiframe/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 01:52:16 +0000</pubDate>
		<dc:creator>Yellow</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[target]]></category>

		<guid isPermaLink="false">http://www.ffsuper.com/blog/?p=98</guid>
		<description><![CDATA[项目二期开发基本完成，但是华为接口人觉得之前二期用的Frameset不太合适，现在想用两个Iframe来模拟以前的Frameset（唉&#8230;真能折腾!!!）。没办法，只能重新修改结构了。
今天遇到的问题是如何让在同一页面内的两个Iframe中的链接可以进行跳转。自己做了个尝试，其实也就是两行代码就搞掂了,代码如下:
main.html
&#60;html&#62;
&#60;head&#62;&#60;/head&#62;
&#60;body&#62;
&#60;iframe&#160;id=&#34;links&#34; src=&#34;left.html&#34; scrolling=&#34;no&#34; frameborder=&#34;0&#34; width=&#34;100%&#34; height=&#34;100%&#34;&#62;&#60;/iframe&#62;
&#60;br&#62;
&#60;iframe&#160;id=&#34;rightFrame&#34; src=&#34;welcome.html&#34; scrolling=&#34;no&#34; frameborder=&#34;0&#34; width=&#34;100%&#34; height=&#34;100%&#34;&#62;&#60;/iframe&#62;
&#60;/body&#62;
&#60;/html&#62;
left.html
&#60;html&#62;
&#60;body&#62;
&#60;a&#160;href=&#34;#&#34; onclick=&#34;test()&#34;&#62;test&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;
js部分
function test(){
var&#160;frameid = parent.document.getElementById(&#34;rightFrame&#34;);
frameid.src = &#34;right.html&#34;;
}
]]></description>
		<wfw:commentRss>http://www.ffsuper.com/blog/index.php/2009/07/02/iframe%e9%a1%b5%e9%9d%a2%e5%86%85target%e7%9b%ae%e6%a0%87%e8%b7%b3%e8%bd%ac%e5%88%b0%e5%8f%a6%e4%b8%80%e4%b8%aaiframe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
