In using ExtDeveloping appsWhen applied, the generalThe frame is the display area on the left side of the menu bar, in the middle of the tab page. and tabMost pages use embedded an IFRAME to display the content. However, the use of the IFrame method has a big drawback is that each time the loading of a new IFRAME will be the core of ext JS,CSSThe file reloads. Si
People who have used an IFRAME know that it is a template, there is an IFRAME, and in the IFRAME, can be nested multiple pages. (The more common problem is that the IFRAME page, often appears when the content display is not full).Remember, by JS to calculate the height, the most important thing is that all the elements
Before encountering such problems are depressed, MS why developed such a bird ie, let these people have to follow him to go, later thought, also, for security period, or to add restrictions, otherwise, others can casually change your Web content, and so on ...OK, the rest of the nonsense is not said, look at the bottom of it:Remember to refer to the domain name as a domain name, not www or any other, for example: shagndu8.com and cannot point to www.shangdu8.com 1. Please add the following code
The most recent project team found that if an IFrame object is included in a pop-up form using ShowModalDialog, the memory resources consumed by the IFrame object are not freed after the form closes. Pop-up shutdown repeated many times, ie browser memory footprint can be more than hundreds of m, serious when IE browser error, and can not shut down, only by killing the process of the way to restart the brows
The following code runs through under IE8 and has an error in IE9:
Copy Code code as follows:
Document.createelement ('
Error tip: Exception:SCRIPT5022:DOM Exception:invalid_character_err (5)
Thinking Analysis:First step: Compatible with Ie9,firefox,opera,safari and other browsers;
Copy Code code as follows:
var iframe = document.createelement ("iframe");
Iframe.setattri
Iframe Internal page code:
HTMLlang="en"> Head> Metacharset="UTF-8"> title>titletitle> style>.Inner-container{position:Absolute;
left:0; Overflow-x:Hidden; Overflow-y:Scroll; }/* For Chrome is only for Google browser * *.Inner-container::-webkit-scrollbar{display:None; } style> Head> Bodyclass="Inner-container"> H1> Popcorn Boiled water popcorn boiled water popcorn boiled water popcorn boiled water popcorn boiled water popcorn bo
Today encountered a problem: How to achieve a click on a button, the current page to add a new small window, display a picture information?
As shown in the following illustration:
Before clicking:
After clicking:
Analysis: To make the new small window does not affect the parent page, we use the technology of the IFRAME framework here.
Implementation is the idea: (1) on the button to add a click of the event, after a click to add an
Antecedent: A project for statistical effect, the Consultation page window embedded into a separate empty page, in this page Riga a statistic, let people look at this page with direct access to the consultation page, lazy toss what JS, directly with CSS to get under, fortunately the demand is not too high. It's OK.
Consequences: Because of the little contact with the IFRAME, almost useless, so at that time on Google, Baidu, also do not remember what w
This article is an example of how jquery's simple implementation of the IFRAME is adaptive to the page content. Share to everyone for your reference, specific as follows:
Mode 1:
Note: The following code is placed on the same page as the IFRAME to call
$ ("#iframeId"). Load (function () {
var mainheight = $ (this). Contents (). Find (" Body "). Height () +;
$ (this). Height (mainheight);
});
Upload Avatar, the interface does not jump a lot of ways, I used to add an iframe kind. Directly below the code.
Html:
Copy Code code as follows:
Route for back-end interfaces
Upload/avatar for the uploaded avatar's save address
imgurl=/upload/avatar/Avatar save name is Uid.type, such as 1.jpg,2.png
$user [' Avatar '] if the user uploads the Avatar, the Avatar field in the user's database will be given a timestamp, otherwise nul
The example of this paper describes the method of JS to implement the cross page call function of the IFRAME. Share to everyone for your reference. The implementation methods are as follows:
The problem with the project is that the page introduces an IFRAME and requires the parent page function to call the child page function or the child page. For example, there are now two pages parent.html and child.htm
JQUERY IFRAMEThe following simple use of jquery to manipulate some of the records of the IFRAME, this use of pure JS and can be implemented.
First, the method of finding the parent page element in the IFRAME:$ (' #id ', window.parent.document)
Second, get the element method in the IFRAME in the parent page:$ (This). Contents (). Find ("#suggestBox")
Third, inv
JS Cross-domain is a topic of much discussion. Cross-domain access to IFrame is also well researched.
generally divided into two situations:
One, is the same as the main domain, the different subdomains between the Cross-domain;
With the main domain, different subdomains across domains, set the same Document.domian can be resolved;
The parent page accesses the child page and can be document.getElementById ("MyFrame"). Contentwindow.document to acces
We should be able to cite several commonly used asynchronous file upload function, the use of more frequent native Ajax and IFRAME framework, to achieve picture file upload, the following for everyone to share the picture file upload two ways: Native Ajax and IFRAME framework for everyone's reference, specific content as follows
Method One: Use the iframe frame
Automated Testing basics-Selenium iframe problem locating, basics-seleniumSometimes we find a phenomenon on the way to positioning. The elements are there, but we cannot determine the location. At this time, we need the particularity of the specific webpage. This section describes how to handle iframe. I. Differences between frame and iframe: The functions of Fra
ObjectiveThere are a lot of small partners in the 163 as a login case, found that no matter how positioning can not locate, what is the ghost, this article details the IFRAME related switchTake http://mail.163.com/login page for the case, detailed introduction Switch_to_frame use method.First, frame and iframe differencesThe functions of frame and IFRAME are bas
This article is not an IFRAME API documentation explained, so want to understand the IFRAME API classmate please move MDN, I will be in the browser angle with you to explore the IFRAME, therefore, although this article will mention some of the IFRAME in the old browser application, but not to explain. So, if you are in
The operation of iframe is an unreliable method for many previous sections. In fact, the operation of iframe is very good and compatible. Let's look at a classic example of the operation of iframe. The operation of iframe is an unreliable method for many previous sections. In fact, the operation of
the data on the URL to send it.
Considering the Formdata to IE10 only support, if you want to support the lower version of IE, you can use the IFRAME.
In the beginning, the default form submission causes the page to be redirected, and the redirected rule is specified in target, can be specified as "_blank" as the A label, opened in a new window, and can be specified as an IFRAME, opened in the
This article provides a detailed summary of several methods for using jquery to operate iframe. For more information, see iframe, using jquery to operate iframe can greatly improve efficiency. Here we collect some basic operations
DOM method:Parent window operation IFRAME: window. frames ["iframeSon" mirror.doc umentI
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.