http://blog.sina.com.cn/s/blog_535161d80100aho6.html

从近期项目中抽取出来的一个关于iframe进行控制的代码,不是很全,不过大体功能已经显示出来了,此代码已经在IE8上测试通过!

<html>
<head>

//更新iframe局部,并动态控制其显示、隐藏----js代码

<script language="javascript">
function showTree(linkids)
{
 if(linkids==1||linkids==2||linkids==3)
 {
  document.tree.location="loadTree.do?linkid="+linkids;

 //$("#tree").css({"display":"none"});  //在此处利用jQuery来隐藏iframe是无效的的。这也在IE8中测试过。
  document.getElementByIdx("tree").style.display="";
 }
 else
 {
  document.getElementByIdx("tree").style.display="none";
 } 
}
</script>

</head>

//母页html

<BODY leftmargin="0" topmargin="0" onload="showTree(0);">

<table cellpadding="0" cellspacing="0" width="158" align="center">
    
  <tr>
    <td height="20"><a href="loadOnlinePeopleAction.do?er=1" target=right style=" CURSOR:hand" name="golink" id="1"
     onclick='showTree(this.id);'> 节点历史在线人数查询</a></td>
   </tr>
    <tr>
    <td height="20"><a href="pages/currently/currently.do" target=right style=" CURSOR:hand" name="golink" id="2"
     onclick='showTree(this.id);'> 运营商当前在线人数查询</a></td>
   </tr>
   <tr>
    <td height="20"><a href="pages/firm/UOnlinepeople.do?er=1" target=right style=" CURSOR:hand" name="golink" id="3"
     onclick='showTree(this.id);'>运营商历史在线人数查询</a></td>
   </tr>

<tr>
    <td height="20"><a href="pages/fill/fillreckon.do?er=1" target=right
     style=" CURSOR:hand" name="golink" id="4" onclick='showTree(this.id);'>用户充值总计</a></td>
   </tr>

</table>
//嵌入iframe

<iframe id="tree" name="tree" align="left" frameborder="1" width="158px" height="260px" scrolling="auto">
</iframe>

</BODY>

</html>

===========================================================================================

呵呵,贴贴关于iframe的有关东西!

iframe更新与隐藏的更多相关文章

  1. primefaces 通过selectOneMenu更新显示隐藏区域

    最重要的是update的区域要指定整个panel,而不是想更新的那个组件 <h:form id="frm"> <h:panelGrid id="pane ...

  2. 隐藏Layer中的Iframe内部元素

    隐藏Layer中的Iframe内部元素 1.Layer:一个web弹出层/窗解决方案 2.隐藏Layer弹出层中Iframe内部的元素,例子如下: 这个就是在Layer弹出层内的内容,加载完毕之后,获 ...

  3. iframe跨域+

    script.image.iframe的src都不受同源策略的影响.所以我们可以借助这一特点,实现跨域.如前面所介绍的JSONP跨域,以及灯标(Beacons). 该篇随笔主要阐述iframe结合一些 ...

  4. ReactNative开发笔记(持续更新...)

    本文均为RN开发过程中遇到的问题.坑点的分析及解决方案,各问题点之间无关联,希望能帮助读者少走弯路,持续更新中... (2019年3月29日更新) 原文链接:http://www.kovli.com/ ...

  5. [dedecms]隐藏栏目不生成静态页面

    重点文件在:/data/cache/inc_catalog_base.inc.php文件,里面存放的是栏目ID 先找到 /dede/sys_cache_up.php(后台更新缓存的地方),找到里面的U ...

  6. C#之使用AutoUpdater自动更新客户端

    安装NuGet包 在Visio studio中右击解决方案,选择管理NuGet包,搜索安装Autoupdater.NET.Official. 工作简介 从服务器下载包含更新文件的XML文件,从中获取软 ...

  7. jQuery post 传递 iframe

    //使用POST链接iframe function doOpenPostIfrm(url, args, iframe) { //创建一个隐藏表单 var _form = $("<for ...

  8. H5+app -- 自动更新

    一.最近做了一个app自动更新功能,用的基本都是网上找得到的. 1.h5+ 规范 :  http://www.html5plus.org/doc/zh_cn/maps.html 2.环形进度条插件:h ...

  9. iframe滚动条充当浏览器滚动条

    在做博客项目的时候,使用了iframe,方便根据选择的文章类别切换显示的内容,但是文章一般都有很多,通过bootstrap的媒体列表的方式显示的话,iframe是一定会出现滚动条的,特别是我添加了一个 ...

随机推荐

  1. hadoop namenode ha--手动切换(转)

    1.hadoop的dfs.nameservices如何配置?2.集群配置中hdfs://mycluster的作用是什么?3.如何将namenode2切换为active状态? 在参考本手册前请确保Had ...

  2. 20145206实验四《Android开发基础》

    20145206 实验四<Android开发基础> 实验内容 ·安装Android Studio ·运行安卓AVD模拟器 ·使用安卓运行出虚拟手机并显示HelloWorld以及自己的学号 ...

  3. 关于Java反射机制的几个问题

    >>如何在运行时确定对象类型 运行时类型识别(Run-time Type Identification, RTTI)主要有两种方式, 一种是在编译时和运行时已经知道了所有的类型,另外一种是 ...

  4. 【JAVA集合框架之Map】

    一.概述.1.Map是一种接口,在JAVA集合框架中是以一种非常重要的集合.2.Map一次添加一对元素,所以又称为“双列集合”(Collection一次添加一个元素,所以又称为“单列集合”)3.Map ...

  5. 【JAVA线程间通信技术】

    之前的例子都是多个线程执行同一种任务,下面开始讨论多个线程执行不同任务的情况. 举个例子:有个仓库专门存储货物,有的货车专门将货物送往仓库,有的货车则专门将货物拉出仓库,这两种货车的任务不同,而且为了 ...

  6. NuGet安装和使用

    1. NuGet是什么? NuGet is a Visual Studio 2010 extension that makes it easy to add, remove, and update l ...

  7. iOS 随记

    UIImage 走缓存 + (UIImage *)imageNamed:(NSString *)name; 不走缓存 + (UIImage *)imageWithContentsOfFile:(NSS ...

  8. html5 svg

    html5 svg <html > <body> <p>canvas 用js 绘画,是整幅画布,适合游戏 svg可放大,支持dom 操作,js事件 线性渐变.高斯模 ...

  9. 阿里云(ECS)Centos服务器LNMP环境搭建

    阿里云( ECS ) Centos7 服务器 LNMP 环境搭建 前言 第一次接触阿里云是大四的时候,当时在校外公司做兼职,关于智能家居项目的,话说当时俺就只有一个月左右的 php 后台开发经验(还是 ...

  10. 同一天的时间差,显示为HHMMSS和指定日期时间部分

    //1.hhmmss private String setGoodsDisBalance(Date startTime,Date endTime){ //时间差:毫秒ms long diff = en ...