关于获取多个id的用法

一.子页面中的写法

<!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 >
       <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="images/dm1.jpg" class="across"/>
                         <img src="images/dm2.jpg" class="across" style="display: none;" />
                     </a>
                 </li>
                 <li id="zh12" onclick="zhtest(‘zh12‘)">
                     <a target="_top">
                     <img src="images/cq1.jpg" class="across"/>
                     <img src="images/cq2.jpg" class="across" style="display: none;"/>
                     <img src="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 color: #993300;">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="images/dj2.jpg" class="across">
                     <img src="images/dj1.jpg" class="across" style="display: none;"/>
                     <img src="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="images/hy3.jpg" class="across"/>
                     <img src="images/hy2.jpg" class="across" style="display: none;"/>
                     <img src="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="images/cz1.jpg" class="across">
                     <img src="images/cz2.jpg" class="across" style="display: none;"/>
                     <img src="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="images/qt4.jpg" class="across">
                         <img src="images/qt1.jpg" class="across" style="display: none;"/>
                         <img src="images/qt2.jpg" class="across" style="display: none;"/>
                         <img src="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>

时间: 2024-10-12 09:49:20

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

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

jquery教程-Jquery 获取标签个数 size()函数用法,size() 方法返回被 jQuery 选择器匹配的元素的数量. 语法 $(selector).size() jQuery 对象中元素的个数. 这个函数的返回值与 jQuery 对象的'length' 属性一致. 用途:可用于统计某个页面中某些项的数量.比如要统计语文成绩小于100的记录数,可以给小于100 的字段赋上<font class="xx">oo</font>.统计出此标签的数量即得结

Jquery如何获取控件ID

l  1.#id     用法: $(”#myDiv”);    返回值  单个元素的组成的集合 说明: 这个就是直接选择html中的id=”myDiv” l  2.Element       用法: $(”div”)     返回值  集合元素 说明: element的英文翻译过来是”元素”,所以element其实就是html已经定义的标签元素,例如 div, input, a 等等. l  3.class          用法: $(”.myClass”)      返回值  集合元素 说

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

js中获取时间new date()的用法 获取时间: 1 var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMonth(); //获取当前月份(0-11,0代表1月) 4 myDate.getDate(); //获取当前日(1-31) 5 myDate.getDay();

js中获取时间new date()的用法

js中获取时间new date()的用法 获取时间:   var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMonth(); //获取当前月份(0-11,0代表1月) 4 myDate.getDate(); //获取当前日(1-31) 5 myDate.getDay();

js获取本机id

1 var hostname = location.hostname; 2 window.location.href="http://"+hostname+":8080/zhiban/aftweibo.jsp"; js获取本机id,布布扣,bubuko.com

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

根据所得到的部门编号获取顶级部门ID: 参数 - department_id 表格组织架构: tab_departments department_id parent_id name 1 1 顶级 2 1 第一级 ....... 函数: 1 function getDepartmentId($department_id){ 2 $departments = M('tab_departments')->getField('department_id,parent_id'); 3 4 while($

详解php 获取文件名basename()函数的用法

PHP 中basename()函数给出一个包含有指向一个文件的全路径的字符串,此函数返回基本的文件名,本篇文章收集了关于使用PHP basename()函数获取文件名的几篇文章,希望对大家理解使用PHP basename()函数获取文件名有所帮助. 1.详解php basename()函数获取文件名的用法 php basename()函数给出一个包含有指向一个文件的全路径的字符串,本函数返回基本的文件名.如果文件名是以 suffix 结束的,那这一部分也会被去掉.在 Windows 中,斜线(/

java代码中获取进程process id(转)

另一方面,线程ID=进程ID+内部线程对象ID并不成立,    参考: blog.csdn.net/heyetina/article/details/6633901     如何在java代码中获取进程process id, 实现方法如下所示:    参考: rednaxelafx.iteye.com/blog/716918 http://www.cnblogs.com/mumuxinfei/p/3678854.html

magento获取当前栏目ID号与栏目名称函数

Magento获取当前栏目ID:$_cat= new Mage_Catalog_Block_Navigation();$curent_cat= $_cat->getCurrentCategory();$curent_cat_id= $curent_cat->getId(); 或者Mage::registry('current_category')->getEntityId() Magento获取当前栏目名称: $category= Mage::registry('current_cate