iframe中加载html,在iframe中加载外部html并访问内容

我只需要提供src属性即可加载外部页面时，我需要知道如何访问iframe内容。在iframe中加载外部html并访问内容

我正在使用iframe在jquery对话框中加载HTML页面。在这里，我不能修改内容(预填充HTML表单的内容)

var page = "form.html";

var $dialog = $('

.html('')

我看过here，但它不工作，因为它不知道的HTML内容，但(可能这是我知道原因)

我这样说是因为当我试图在iframe中加载整个HTML像这个 -

.html('

From
To
Subject
Messgae ')

，一切工作正常。然后我可以访问这些内容。

但是，如果我从外部加载，它只能访问加载时间如src，width和height时给出的属性。

我怎么知道什么是HTML的内容，并修改它们，或者有任何其他方式来加载jQuery对话框中的外部HTML并修改它？

完整的代码在这里 -

var page = "form.html";

var $dialog = $('

.html('')

.dialog({

autoOpen: false,

modal: true,

height: 485,

width: 550,

draggable: false,

buttons: {

"Send":

function()

{ scopes.sent = 0;

var email = $("#receiveremailAddresss").val();

var title = "The Execution Detail for the Rule: "+maintitle

var message = $("#message").val();

sendEmail(email,title,message,$(this));

},

"Cancel":

function()

{ $(this).dialog("close"); }

},

open: function (event, ui) {

$(".ui-dialog-titlebar-close", ui.dialog | ui).hide();

$(this).find('#title').val("The title is : "+maintitle);

$(this).find('#message').val("Message is :"+ message);

$(".ui-dialog-titlebar").hide();

$(this).css('overflow', 'auto');

$(this).css({

'font-size' :'12px'

});

}

});

$dialog.dialog('open');

这是HTML页面

.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}

.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}

.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}

.w3-border-red,.w3-hover-border-red:hover{border-top:1px solid #f44336!important; border-bottom:1px solid #f44336!important ; border-left:1px solid #f44336!important;border-right:1px solid #f44336!important }

.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}

.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}

.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}

.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}

.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}

.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}

.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:95%}

From

To

Subject

Messgae

2017-06-02

shv22

+0

我敢肯定你不能修改iframe的内容，只能查看。 –

+1

@brt如果iframe来自与主机页面相同的域，则两者都可以完全访问对方。如果它来自不同的域，则根本无法访问。在任何情况下您都可以获得只读访问权限。 –