How to access child iframe elements from a parent

问题:

In my page i have iframe code. When i click particluar link that i frame window enabled.it is a form.when i submit the form i get some hidden field values.how can i access those values in my parent page?.

回答1:

Since your iframe src= a complete url, and not a relative path (i.e: /app/appsignup.jsp) I am going to assume this Iframe exists at another IP or domain than the original page. If this assumption is correct, then you are not going to be able to modify the Iframe's DOM due to cross site scripting security rules in most browsers.

If the parent site, and child iframe exist on the same top level domain, then you can use document.getElementById("iframe_id")

Edit to answer second question:

You can add an onLoad event to the iframe, and so long as the iframe only has 1 form, and the page only changes when submitted, and this is where you want to be redirected.

Here is an example, but know this will redirect the first time and not work! What you will want to do is put a function in there, and then in the .js for that function check for the second onLoad...

<iframe name="signUp" id="signup" src="10.80.32.9:8080/app/appsignup.jsp"; width="650" height="500" onLoad="window.location('/index.html');">

回答2:

You will not be able to access the iframe if it's on a different domain and/or port, as yours seem to be. The Same Origin Policy will prevent that.

There may be a workaround, depending on your use case. Maybe add some more details.