iframe怎么获取页面的id

iframe怎么获取页面的id,第1张

iframe标签是把另外一个页面嵌入当前页面。

这等于是两个独立且没有代码关联的页面,因此事无法直接获取内部页面的控件id。

如果不用iframe而用ajax的话,就可以直接用获取嵌入页面对应控件的id值。

<ul > <ol> <li class="opened"><span class="liststyle"></span><a href="#">搜索1</a><p class="clear"></p></li><!--二级menu--> <li class="opened"><span class="liststyle"></span><a href="#">搜索2</a><p class="clear"></p></li> <li class="opened"><span class="liststyle"></span><a href="#">搜索3</a><p class="clear"></p></li> <li class="opened"><span class="liststyle"></span><a href="#">搜索4</a><p class="clear"></p></li> </ol> </ul> $("a")click(function(){ var obj2 = thisparentNode; alert($(obj2)id);

//$(obj2)addClass("listactive"); //$(obj2)css("class","listactive")

看行吗;

function getTicketId() {

          var parentSrc = parent$("#layui-layer-iframe")attr("src");//获取父页面iframe中的src链接

          args = parentSrcsplit("&");

           for (var i = 0; i < argslength; i++) {

                  str = args[argslength - 1];

                  var arg = strsplit("=");

                 if (arg[0] == "ticketId"){

                         var retval = arg[1]

                  }

                 return retval;

           }

}

简述:这是是项目中真实遇到的情况,在子页面获取父页面的src并截取传过来的相应参数进行 *** 作。

1 最常见的就是用超连接或者是ResponseRedirect方法从一个页面转到另一个页面,这时候你在新页面中要获取父页面中的值时,必须是从URL中传值过来,也就是说使用Get方法传值的。这样传值有以下缺点:

a)所传值必须跟在URL后面,这样的数据不安全。

b)由于URL的长度有限,所以传的值也是有限的。

所以要想传递大量的数据,就必须用post来传值。因此我们想到了第二种传值的方式:

2 用Servertransfer(URL) 来实现页面的跳转。

Servertransfer()

与ResponseRedirect最大的不同就是,ResponseRedirect实际上就像在地址栏里面重新输入了要跳转页面的地址,所以他是

不保存之前页面的信息的。但是Servertransfer()完全不同,Servertransfer()就是像是在服务器端重新显示你要转到的页

面,但此前页面的信息都还保存在服务器。因此在新的页面上你仍可以得到之前页面的值。在net中可以使用PreviousPage来得到之前页面的

Page对象。这样有了Page对象你就方便的可以得到该页面上的任何值了。比如:我要找之前页面上的ID=TextBox1的值,语句为:

((TextBox)PreviousPageFindControl("TextBox1"))Text

但是上面的两种方式都是转到,之前的页面就不显示了。有的时候还有打开子窗口但是父窗口仍然存在的情况,就像我在讲__postBack()方法中的那样,子窗口是在父窗口中d出来的。

让子窗口从父窗口中d出,很容易让人想到的是用JAVAScript方法。

打开一个窗口的JAVAScript方法有两种:windowopen(); windowshowdialog()

如果在使用这两种方法打开的子窗口中获取父窗口的值,当然也有两种把值跟在URL之后传过来和直接获取父窗口的对象来取值。

对于第一种方法取值,很简单。直接使用QueryString就可以取到了。但是如上面所说这种Get传值的方式有缺点。

下面我们分别来讨论下两种方法分别通过获取父页面对象来取值得方法。

1

使用windowopen(url)来打开一个子窗口,在子窗口中获取父窗口的对象其实很简单,直接使用windowopener就可以得到父窗口的

对象,我们也是用这个方法在子窗口中调用父窗口的__postBack()方法的。比如我要获得父窗口中ID=“TextBox1”的textbox的

值。代码如下:

<script language="javascript">

var text = windowopenerdocumentgetElementById("TextBox1")value;

alert(text);

</script>

2使用windowshowModalDialog()方法来d出一个子窗口时,若想得到父窗口中的值,仍

旧使用windowopener是得不到父窗口对象的。这里我们就要在showModalDialog()方法中传入window参数。然后在子窗口中

得到这个代表父窗口的window,这样就可以随便 *** 作父窗口中的值了。

脚本如下:

在父窗口中,假如我们是在服务器控件中调用javascript代码的,你可以这样写:

PageClientScriptRegisterStartupScript(thisGetType(), "test", "windowshowModalDialog('Default4aspx',window)", true);

Default4aspx

就是子窗口的页面。这里要注意不能使用PageClientScriptRegisterClientScriptBlock()因为Block方法

会把该script脚本写在所有控件的前面,这样在页面被加载时,TextBox1控件还没有被加载,子窗口就打开了,所以在子窗口时取不到任何控件的值

的。而RegisterStartupScript()方法正好相反,他是把对应Script脚本写在所有控件的后面,所以子窗口能够得到父窗口的任何控

件的值。

如果你是在客户端写的JavaScript脚本,那就更简单了

<script language="javascript">

function popwindow()

{

windowshowModalDialog('Default4aspx',window);

}

</script>

在子窗口中可写入如下脚本:

<script language="javascript">

var vwin = windowdialogArguments; //得到window参数

var doc = vwindocumentgetElementById("TextBox1")value; //获得TextBox的值

alert(doc);

</script>

楼上说的不完全正确,documentgetElementsByTagName("input")获取的是所有<input>对象,里面包含text、password等等,

其实在其后再加一个类型判断就行了:

var inputObject = documentgetElementsByTagName("input");

for (var i=0; i<inputObjectlength; i++){

if ("text" == inputObject[i]type){

//相关 *** 作

}

}

以上就是关于iframe怎么获取页面的id全部的内容,包括:iframe怎么获取页面的id、JQuery怎么在页面上子类获取父类的id值,是用Struts2标签循环读取出来的、子页面(d出框)获取父页面中 链接地址,获取传值问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9420936.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存