<?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>散人笔记 &#187; 父页面</title>
	<atom:link href="http://www.uideas.cn/post/tag/%e7%88%b6%e9%a1%b5%e9%9d%a2/feed" rel="self" type="application/rss+xml" />
	<link>http://www.uideas.cn</link>
	<description>生活来源于创意,所以我懂生活</description>
	<lastBuildDate>Sun, 22 Aug 2010 07:17:13 +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>浅谈关于父页面和子页面相传值的问题</title>
		<link>http://www.uideas.cn/post/206.html</link>
		<comments>http://www.uideas.cn/post/206.html#comments</comments>
		<pubDate>Thu, 07 Jan 2010 19:21:00 +0000</pubDate>
		<dc:creator>kos</dc:creator>
				<category><![CDATA[JAVASCRIPT]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[W3C标准]]></category>
		<category><![CDATA[传值]]></category>
		<category><![CDATA[子页面]]></category>
		<category><![CDATA[父页面]]></category>

		<guid isPermaLink="false">http://www.uideas.cn/?p=206</guid>
		<description><![CDATA[　　关于父页面和子页面相传值的问题可能一直困扰着不少人，这在平时的编程中随时都会遇到，在此就本人做ui的经历中遇到过这样的问题做点简单的总结。
　　首先从兼容性方面考虑，由于网民的个人爱好不一样，再加上浏览器的种类和版本的众多……]]></description>
			<content:encoded><![CDATA[<p>　　关于父页面和子页面相传值的问题可能一直困扰着不少人，这在平时的编程中随时都会遇到，在此就本人做ui的经历中遇到过这样的问题做点简单的总结。<br />
　　首先从兼容性方面考虑，由于网民的个人爱好不一样，再加上浏览器的种类和版本的众多，而基本上每种浏览器的内核都不一样，甚至有些并不是完全基于W3C标准，所以有些js的语法在不同的浏览器上就会得到不同的效果，比如在ie6上访问一个对象，那个对象的id是obj,js获取这个对象的时候可以直接就拿obj来用，而火狐等很多浏览器则不能，必须符合W3C标准才行，应该写成document.getElementById(&#8221;obj&#8221;);再比如说求某个节点下面的子节点个数，可以试看下面的代码，在不同浏览器上又有可能不一样<br />
&lt;div id=&#8221;cov&#8221;&gt;<br />
 &lt;li&gt;张三&lt;/li&gt;<br />
 &lt;li&gt;李四&lt;/li&gt;<br />
 &lt;li&gt;王王&lt;/li&gt;<br />
 &lt;li&gt;友意博客&lt;/li&gt;<br />
&lt;/div&gt;<br />
&lt;script type=&#8221;text/javascript&#8221;&gt;<br />
 var bigcov = document.getElementById(&#8221;cov&#8221;);<br />
alert(bigcov.childNodes.length);<br />
&lt;/script&gt;</p>
<p>先不扯远了，其实iframe是个很有用的东西，有很多优点，比如页面而已，跳转，优先级等，关于传值的问题基本上出现在跳转里面，这里先说一点注意，关于有传值的问题，把js代码写到子页面里面是最好不过的了，从父页面获取子页面不是个好办法，但从子页面往父页面传值很容易办到，首先来说，一个父页面可以存在多个子页面，而子页面又是可变的，这里会出现的一个问题马上就来了，看下面的代码<br />
&lt;iframe id=&#8221;parentHTML&#8221; name=&#8221;parentHTML&#8221; src=&#8221;text1.html&#8221;&gt;&lt;/iframe&gt;这里的text1.html里面比如有个id叫text的控件，这时父页面去操作他能办到，但如果有其它链接指向这个iframe,然后另处一个页面里面没有text这个对象，那么父页面再来访问这个对象的时候就报错了，也许另外的这个子页面根本就与你父页面要用到的这个js无关，所以哪个页面与这个js有关，你就把写到那个页面去，比如父页面要用到子页面的text这个文本框的的传，那么你就在子页面把值传给父页面，你先在父页面设一个隐藏的文本，子页面就这样写：parent.document.getElementById(&#8217;obj&#8217;).value=&#8221;你要传的值&#8221;，这样父页面就得到子页面的值了，这样写是因为当前的子页面只承在于一个父页面，在此先就介绍关于iframe的父子传值问题，随后再谈谈关于弹出类的父子传值。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.uideas.cn/post/206.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
