页面间相互调用JAVASCRIPT

原来一直以为在父子窗口对象间可以操作DOM对象，今天试了下，可以用父窗口中的函数来响应子窗口中的事件(当然是在父窗口内起作用).下面是代码：

<input type="button" value="OK" onclick="opener.Edit()" />;<;input type='button' value='Cancel' onclick=''/>”

<span class="byline author vcard">Posted by <span class="fn">xiangjian</span></span>

<span class="categories">
  
    <a class='category' href='/blog/categories/javascript/'>javascript</a>
  
</span>

</p>
    
      <div class="sharing">
  
  
  <div class="g-plusone" data-size="medium"></div>
  
  
</div>

<p class="meta">
      
        <a class="basic-alignment left" href="/2006/12/javascript-vbscript.html" title="Previous Post: 一点Javascript与VBscript的区别">« 一点Javascript与VBscript的区别</a>
      
      
        <a class="basic-alignment right" href="/2006/12/json.html" title="next Post: JSON介绍">JSON介绍 »</a>
      
    </p>
  </footer>
</article>

<section>
    <h1>Comments</h1>
    <div id="disqus_thread" aria-live="polite"><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
  </section>

</div>

<aside class="sidebar">
  
    <section>
  <h1>Recent Posts</h1>
  <ul id="recent_posts">
    
      <li class="post">
        <a href="/2012/01/vs2010-accelerate.html">vs2010 加速</a>
      </li>
    
      <li class="post">
        <a href="/2011/12/happy-new-year.html">happy new year</a>
      </li>
    
      <li class="post">
        <a href="/2011/12/blog-migrate-to-octopress.html">blog 迁移到 octopress</a>
      </li>
    
      <li class="post">
        <a href="/2011/08/deploy_tornado_with_supervisor_nginx.html">使用supervisor和nginx发布tornado程序</a>
      </li>
    
      <li class="post">
        <a href="/2011/08/32bit_use_4g_ram.html">32位系统充分使用多余的内存</a>
      </li>
    
  </ul>
</section>

<section>
  <h1>Github Repos</h1>
  <ul id="gh_repos">
    <li class="loading">Status updating...</li>
  </ul>
  
  <a href="https://github.com/xiangjian">@xiangjian</a> on Github
  
  <script type="text/javascript">
    $.domReady(function(){
        if (!window.jXHR){
            var jxhr = document.createElement('script');
            jxhr.type = 'text/javascript';
            jxhr.src = '/javascripts/libs/jXHR.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(jxhr, s);
        }

github.showRepos({
            user: 'xiangjian',
            count: 0,
            skip_forks: true,
            target: '#gh_repos'
        });
    });
  </script>
  <script src="/javascripts/github.js" type="text/javascript"> </script>
</section>

<section>
  <h1>Latest Tweets</h1>
  <ul id="tweets">
    <li class="loading">Status updating...</li>
  </ul>
  <script type="text/javascript">
    $.domReady(function(){
      getTwitterFeed("xiangjian", 10, false);
    });
  </script>
  <script src="/javascripts/twitter.js" type="text/javascript"> </script>
  
    <a href="http://twitter.com/xiangjian" class="twitter-follow-button" data-show-count="false">Follow @xiangjian</a>
  
</section>

<section>
  <h1>On Delicious</h1>
  <div id="delicious"></div>
  <script type="text/javascript" src="http://feeds.delicious.com/v2/json/xiangjian?count=3&sort=date&callback=renderDeliciousLinks"></script>
  <p><a href="http://delicious.com/xiangjian">My Delicious Bookmarks »</a></p>
</section>

<section class="googleplus">
  <h1>
    <a href="https://plus.google.com/xiangjiangis@gmail.com?rel=author">
      <img src="http://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32">
      Google+
    </a>
  </h1>
</section>

</aside>

</footer>

</body>
</html>

鉴行志

A blogging framework for hackers.

页面间相互调用JAVASCRIPT