一.子页面中的写法

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>山东省科协</title>
<meta name="description" content="省科协">
<meta name="keywords" content="省科协、政府门户">
<!-- start 公用样式 -->
<link rel="stylesheet" type="text/css" href="../css/second.css"/>
</head>
<script src="layer/jquery.js"></script>
<script src="layer/layer.min.js"></script>
<script src="layer/extend/layer.ext.js"></script>
<script>
function zhtest(zid){
    layer.photosPage({
            parent: document.getElementById(zid)
        });  
}
</script>

注释：1.zid为虚拟变量可以传递任何id

2.括号内不加引号表示变量表示一类，加引号是字符串表示一种固定值。

<body onload="zhtest('zh12');zhtest('zh11');" >
       <div class="yjgg">
            <div class="yjgg_lis">
              <div class="line_466"></div>
                <ul class="xs_active_img" >
                 <li id="zh11" onclick="zhtest('zh11')">
                     <a target="_top">
                         <img src="data:images/dm1.jpg" class="across"/>
                         <img src="data:images/dm2.jpg" class="across" style="display: none;" />
                     </a>
                 </li>
                 <li id="zh12" onclick="zhtest('zh12')">
                     <a target="_top">
                     <img src="data:images/cq1.jpg" class="across"/>
                     <img src="data:images/cq2.jpg" class="across" style="display: none;"/>
                     <img src="data:images/cq3.jpg" class="across" style="display: none;"/>
                   </a>
                 </li>
                </ul>
             </div>
   
         </div>
</body>
</html>

二.iframe框架页面中的写法

主页面

<script src="layer/jquery.js"></script>
<script src="layer/layer.min.js"></script>
<script src="layer/extend/layer.ext.js"></script>
<script>
function zhtest(zid){
    layer.photosPage({
            //html:'<div style="padding:20px;">这里传入自定义的html<p>相册支持左右方向键，支持Esc关闭</p><p>另外还可以通过异步返回json实现相册。更多用法详见官网。</p><p>'+ unescape("%u7D20%u6750%u5BB6%u56ED%20-%20sc.admin5.com") +'</p><p id="change"></p></div>',
            //title: '标题',
            //id: 100, //相册id，可选
            parent: document.getElementById('iframepage').contentWindow.document.getElementById(zid)
           // parent: document.getElementById(zid)
        });  
}
</script>

子页面

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>安泽气体</title>
<meta name="description" content="安泽气体">
<meta name="keywords" content="安泽气体、气体">
<!-- start 公用样式 -->
<link rel="stylesheet" type="text/css" href="../css/second.css"/>
</head>
<body onload="parent.zhtest('zh21');parent.zhtest('zh22');parent.zhtest('zh23');parent.zhtest('zh24');">
       <div class="yjgg">
            <div class="yjgg_lis">
              <div class="line_466"></div>
                <ul class="xs_active_img" id="zh11">
               
                 <li id="zh21" onclick="parent.zhtest('zh21')">
                 <a target="_top">
                     <img src="data:images/dj2.jpg" class="across">
                     <img src="data:images/dj1.jpg" class="across" style="display: none;"/>
                     <img src="data:images/dj3.jpg" class="across" style="display: none;"/>
                     <span class="number">3张</span>
                 </a><p>电解室</p></li>
                 <li id="zh22" onclick="parent.zhtest('zh22')">
                     <a target="_top">
                     <img src="data:images/hy3.jpg" class="across"/>
                     <img src="data:images/hy2.jpg" class="across" style="display: none;"/>
                     <img src="data:images/hy1.jpg" class="across" style="display: none;"/>
                     <span class="number">3张</span>
                    </a><p>化验室</p></li>
                 <li id="zh23" onclick="parent.zhtest('zh23')">
                     <a target="_top">
                     <img src="data:images/cz1.jpg" class="across">
                     <img src="data:images/cz2.jpg" class="across" style="display: none;"/>
                     <img src="data:images/cz3.jpg" class="across" style="display: none;"/>
                     <span class="number">3张</span>
                    </a><p>充装间</p></li>
                 <li id="zh24" onclick="parent.zhtest('zh24')">
                     <a target="_top">
                         <img src="data:images/qt4.jpg" class="across">
                         <img src="data:images/qt1.jpg" class="across" style="display: none;"/>
                         <img src="data:images/qt2.jpg" class="across" style="display: none;"/>
                         <img src="data:images/qt3.jpg" class="across" style="display: none;"/>
                         <span class="number">4张</span>
                     </a>
                     <p>其它</p></li>

</ul>
                     <div class="line_466"></div>
                    <div class="print">
                       <ul>
                          <li class="fh"><a href="../index.html" target="_top">返回</a></li>
          
                          <li class="dy"><a href="javascript:window.print()">打印页面</a></li>
                       </ul>
                      </div>
             </div>
              
         </div>

</body>
</html>

关于获取多个id的用法的更多相关文章

  1. Jquery如何获取控件ID

    l  1.#id     用法: $(”#myDiv”);    返回值  单个元素的组成的集合 说明: 这个就是直接选择html中的id=”myDiv” l  2.Element       用法: ...

  2. 小程序 js中获取时间new date()的用法（网络复制过来自用）

    js中获取时间new date()的用法   获取时间: 1 var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获 ...

  3. jquery教程-Jquery 获取标签个数 size()函数用法

    jquery教程-Jquery 获取标签个数 size()函数用法,size() 方法返回被 jQuery 选择器匹配的元素的数量. 语法 $(selector).size()     jQuery ...

  4. Appium+python自动化（二十五）- 那些让人抓耳挠腮、揪头发和掉头发的事 - 获取控件ID（超详解）

    简介 在前边的第二十二篇文章里,已经分享了通过获取控件的坐标点来获取点击事件的所需要的点击位置,那么还有没有其他方法来获取控件点击事件所需要的点击位置呢?答案是:Yes!因为在不同的大小屏幕的手机上获 ...

  5. Js中获取时间 new date()的用法

    Js中获取时间 new date()的用法 获取时间: var myDate = new Date();//获取系统当前时间 myDate.getYear(); //获取当前年份(2位) myDate ...

  6. thinkphp-无限分类下根据任意部门获取顶级部门ID

    根据所得到的部门编号获取顶级部门ID: 参数 - department_id 表格组织架构: tab_departments department_id parent_id name 1 1 顶级 2 ...

  7. php递归获取顶级父类id

    php递归获取顶级父类id function get_top_parentid($id){ $r = M('navclass')->where('id = '.$id)->field('i ...

  8. asp.net js获取控件ID

    ClientID是由ASP.Net生成的服务器控件得客户端标识符,当这个控件生成到客户端页面的时候,在客户端代码访问该控件时就需要通过ClientID来访问. 以文本框为例: 一.未使用母版页 js可 ...

  9. MYSQL获取自增ID的四种方法

    MYSQL获取自增ID的四种方法 1. select max(id) from tablename 2.SELECT LAST_INSERT_ID() 函数 LAST_INSERT_ID 是与tabl ...

随机推荐

  1. [Vim] 搜索模式（正则表达式）

    本文介绍如何使用Vim的搜索模式. 搜索单词 Vim中使用 \< 和 \> 分别表示单词的开头和结尾,例如查找单词 i 而不是字母 i ,在正常模式下,按下 / 启动搜索模式,输入 \&l ...

  2. javaCompileOptions { annotationProcessorOptions { includeCompileClasspath = true } }

    一: 在app的build中android {    ...    defaultConfig {        ...        //添加如下配置就OK了        javaCompileO ...

  3. MQTT服务器搭建--Mosquitto用户名密码配置

    Mosquitto用户认证配置 前言:基于Mosquitto服务器已经搭建成功,大部分都是采用默认的是允许匿名用户登录模式,正式上线的系统需要进行用户认证. 1.用户参数说明 Mosquitto服务器 ...

  4. make clean、make mrproper、make distclean的区别【转】

    本文转载自:http://blog.csdn.net/liyayao/article/details/6818061 内核编译时, 到底用make clean, make mrproper还是make ...

  5. C++ template —— 表达式模板（十）

    表达式模板解决的问题是:对于一个数值数组类,它需要为基于整个数组对象的数值操作提供支持,如对数组求和或放大: Array<), y(); ... x = 1.2 * x + x * y; 对效率 ...

  6. 怎样在js中使用EL表达式

    相信已经有很多人对如何在js中使用EL表达式存有困惑,各种引号的处理不胜其烦. 1.在js(嵌入jsp页面)中通过定义变量的方式使用EL表达式: 如:var url = '${param.url}'; ...

  7. windows7内核分析之x86&x64第二章系统调用

    windows7内核分析之x86&x64第二章系统调用 2.1内核与系统调用 上节讲到进入内核五种方式 其中一种就是 系统调用 syscall/sysenter或者int 2e(在 64 位环 ...

  8. thinkphp5.0 获取请求信息

    如果要获取当前的请求信息,可以使用\think\Request类,除了下文中的 $request = Request::instance(); 也可以使用助手函数 $request = request ...

  9. python爬虫---->scrapy的使用(一)

    这里我们介绍一下python的分布式爬虫框架scrapy的安装以及使用.平庸这东西犹如白衬衣上的污痕,一旦染上便永远洗不掉,无可挽回. scrapy的安装使用 我的电脑环境是win10,64位的.py ...

  10. 【转】strlen源码

    strlen源码剖析 学习高效编程的有效途径之一就是阅读高手写的源代码,CRT(C/C++ Runtime Library)作为底层的函数库,实现必然高效.恰好手中就有glibc和VC的CRT源代码, ...