js中检测iframe加载完成，禁用指定标签

最新推荐文章于 2023-03-27 14:21:53 发布

原创最新推荐文章于 2023-03-27 14:21:53 发布 · 652 阅读

0 ·

CC 4.0 BY-SA版权

js&jquery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种方法，通过使用JavaScript操作DOM，来禁用嵌入在iframe中的所有表单元素，包括文本输入框、单选按钮、提交按钮和下拉选择框，以实现对iframe内容的只读访问。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

            var iframe = document.getElementById("configIframeId");
            if (iframe.attachEvent) {
                iframe.attachEvent("onload", function() {
                    //iframe加载完成后你需要进行的操作
                    $('input[type="text"]', $('.assetIframe').contents().find('body')).attr('readOnly','readOnly');
                    $('input[type="radio"]', $('.assetIframe').contents().find('body')).attr('disabled','disabled');
                    $('input[type="submit"]', $('.assetIframe').contents().find('body')).attr('type','hidden');
                    $('select', $('.assetIframe').contents().find('body')).attr('disabled','disabled');
                });
            } else {
                iframe.onload = function() {
                    //iframe加载完成后你需要进行的操作
                    $('input[type="text"]', $('.assetIframe').contents().find('body')).attr('readOnly','readOnly');
                    $('input[type="radio"]', $('.assetIframe').contents().find('body')).attr('disabled','disabled');
                    $('input[type="submit"]', $('.assetIframe').contents().find('body')).attr('type','hidden');
                    $('select', $('.assetIframe').contents().find('body')).attr('disabled','disabled');
                };
            }