如何在iframe中获取asp.net的按钮元素?

时间:2014-06-12 05:20:23

标签: javascript asp.net

我的HTML页面中包含iframe。

我正在ifrmae中使用asp.net页面。那个asp.net页面也有一个母版页。

我无法在我的html页面中获取我的asp.net页面的按钮文本

请建议javascript / jquery

提前致谢..

这是我的html页面中的iframe

<iframe runat="server" scrolling='no' frameborder='0' id="iframe1" style="width: 100%">

我正在以这种方式分配iframe的路径

document.getElementById('iframe1').src = "default.aspx"

其中按钮位于default.aspx ..此页面还有一个母版页

2 个答案:

答案 0 :(得分:1)

尝试这个,

 $(document).ready(function () {
        document.getElementById("iframe1").src = "WebForm1.aspx";
        $('#iframe1').load(function () {
            var iframe = $('#iframe1').contents();

            iframe.find("#Button1").click(function () {
                alert("test");
            });
        });
    });

答案 1 :(得分:1)

KarthikManoharan 带领您走向正确的道路......

但我想错过的是Button的ID。每次编译应用程序时,服务器都会动态地更改Button ID

因此,您需要先将ClientIDMode="Static"添加到按钮,以防止这种情况发生。 喜欢:

<asp:Button ID="Button1" runat="server" Text="Button" ClientIDMode="Static" />

现在您可以在IFrame中访问此按钮,如:

 $('#iframe1').contents().find('#Button1')          // Access Button

 $('#iframe1').contents().find('#Button1').html()   // Return Text of Button

 $('#iframe1').contents().find('#Button1').click(function(){       });  // Events

试试这段代码。如果您发现任何差异,请告诉我们。