How to get the height of the called page in the iframe of HTML and act as the height of this iframe?

content of HTML: < iframe src= "/ 123.htm" name= "my111" id= "my222" onload= "gaodu ()" width= "100%" marginwidth= "10px" frameborder= "0" scrolling= "no" > < / iframe >

how do I get the height of "/ 123.htm" and use this height as the height of the iframe tag in HTML? The pages called by
iframe are different pages of the same site, which is probably what you call "same domain". Please help me not complete the code, use iframe in index.html, call / 123.html, and set the text height of 123.html to the height of iframe in index.html.

get down on your knees and ask the god for an answer. In a hurry.

Javascript html5

Apr.07,2022

carry an answer from SO:

$('iframe').load(function() {
    this.style.height =
    this.contentWindow.document.body.offsetHeight + 'px';
});

Don't forget to load jQuery first.

< hr >

https://stackoverflow.com/que...


<script>
        function setIframeHeight(iframe) {
            if(iframe) {
                var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
                if(iframeWin.document.body) {
                    iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
                }
            }
        };

        window.onload = function() {
            setIframeHeight(document.getElementById('external-frame'));
        };
    </script>
    <iframe src="backtop.html" frameborder="0" scrolling="no" id="external-frame" onload="setIframeHeight(this)"></iframe>

Previous: Html page adapts to iphonex

Next: Uwb indoor positioning, dotting on indoor pictures, is there any good way to achieve the front end?

How to use h5 to generate a button to open Wechat in Weibo
is not to analyze user browsers, but to evoke Wechat app in Weibo app and open a link with Wechat app; WeChat Work can have this function, whether Weibo has a similar configuration. ...

Javascript html5

Feb.26,2021
The sharing function of Wechat's public platform
use Wechat public platform JSSDK to develop Wechat sharing function! Every time I use the company s public platform account, I report a signature error! There is nothing wrong with the account of the public platform developed by myself! I would like to...

Php javascript html5

Feb.27,2021
The video embedded in Youku on mobile cannot be played.
I use vue-cli to build the mobile project, and then use iframe to embed Youku s video code as follows <iframe width=100% height=350 src="http: player.youku.com embed XMzI1NTY2Nzc0MA==" frameborder=0 allowfullscreen>< iframe> th...

Javascript html5 vue.js

Feb.27,2021
This method is not executed on the home page of navigator.geolocation.getCurrentPosition (). Refresh it again before it can be executed.
problem: the IOS system entered the page for the first time and added if (navigator.geolocation) {}, but did not execute navigator.geolocation.getCurrentPosition (this.showPosition.bind (this), this.showError.bind (this), options); did not enter showPo...

Html javascript html5

Feb.28,2021
How to make js execute repeatedly
I found a js code from the Internet to calculate the time difference effect is that we have been together xx days xx xx minutes xx seconds problem is that this time will not change only enter the web page after refreshing to keep the same value so I...

Javascript html5 html css

Feb.28,2021
Android Wechat browser video tag setting currentTime inaccurate problem
for example, I set currentTime=20S, to start playing the video at 15s, and the address of my video is http: www.amdcu.net admin da.....

Javascript html5

Feb.28,2021
Seems to have found a BUG? with a Chrome memory leak.
< H1 > problem description < H1 > while writing transition animation, I inadvertently found that sometimes the page would jam, and the Chrome memory of the viewing task manager suddenly soared. After various exclusions, I found that transform:skew (9...

Javascript html5 css3 css3-Animation

Feb.28,2021
When the mobile jump page returns, there will be an inexplicable pop-up window.
The page does the function of the page before the jump after the completion of the event, using the method of adding returnUrl on Url, but when testing on the mobile side, a pop-up window will appear to show the path of the page to be redirected before r...

Ios android javascript html5

Feb.28,2021
How to develop the public platform by PHP after the user UnionID
how to jump to a page to display the user s information page immediately after following Wechat s public platform? At the same time, it also displays the information of the user UnionID! I would like to ask all the masters! ...

Java javascript html5 php

Feb.28,2021
Click again after location.hash jump is invalid
use location.hash = "- sharpfooter " to navigate to the DOM node on the page where id is footer, then scroll to the click location and click again, it will not jump to the-sharpfooter position again, only the first click is valid ...

Javascript html5 html

Feb.28,2021
How do front-end engineers produce dynamic effects efficiently in their work?
dynamic effects that are often overlooked are so important to user experience design Animation effect is an unavoidable link in user experience design, while in mobile interaction, dynamic effect exists as a transition lubricant and an important lin...

Javascript html5 css front-end dynamic-effect

Feb.28,2021
What if the video tag level of Android browsers is always the highest?
what if Android browsers always have the highest video tag level? Video is always at the top level, cover up some other div ...

Javascript html5

Feb.28,2021
In edge browser, vue and elementui input press enter will jump, but Google browser will not, and no event will be added.
,input ,input !!! edgevue elementui input(,),, input edge localhost:8080 ...

Javascript html5 chrome windows

Feb.28,2021
Vue mobile projects, how to determine browser incompatibility? How to deal with incompatibility?
there is a mobile project currently in testing, using vue (2.2.2) + mint-ui for development, and I don t know how to handle compatibility. What method should be used to determine whether the current environment is working properly? I just looked at t...

Vue.js javascript html5 browser-compatibility

Feb.28,2021
Xiao Ai mini official website page of the local scrolling is how to achieve?
https: www.mi.com aispeaker-. after scrolling to the location of the broadcast map, I found that the scroll bar will also continue to scroll, feeling that there is something fishy about it. does anyone know the implementation details in this? ...

Javascript html5

Feb.28,2021
What is the principle that vue-router changes mode:'hash' to mode:'history' and jumps abnormally?
as in the routing configuration above, there is no server, and it starts locally. In the case of mode: hash , the routed access will enter the corresponding component. In the case of mode: history , however, no matter which route is accessed, it ...

Javascript html5

Feb.28,2021
About the use of custom fonts on websites
1. First of all, I have declared my font 2. 3. . 4. However, the above problems only occur in chrome and Firefox, where special fonts are successfully rendered on Safari . ...

Javascript html5 css

Feb.28,2021
The problem of obtaining Random numbers by js
for example, if you get a random number of 0 to 10, you can think of the following two kinds of Math.ceil(Math.random()*10); Math.floor(Math.random()*(10+1)); but see that someone says to use Math.ceil (Math.random () * 10); the chance of taking 0 is ...

Javascript html5

Feb.28,2021
Android interacts with html5 to return the absolute address of a file how to upload
js calls Android for voice recording Android returns the absolute path and duration of the audio file but how does js get the audio file through the absolute path and transfer the file to the background through file ...

Javascript html5 android

Mar.01,2021
The bottom input is always covered by a soft keyboard, has anyone encountered this situation?
sometimes normal and sometimes abnormal, use document.body.scrollTop = document.body.scrollHeight;; on the contrary, input will not be pushed up. Can you give me some advice? Thank you when the keyboard pops up, there is a value in document.body....

Javascript html5 css html node.js

Mar.01,2021