Question

我的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 ..此页面还有一个母版页

Answer 1

尝试这个，

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

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

Answer 2

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

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

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

2 个答案: