ok I finally found a good solution: $(‘iframe’).load(function() { this.style.height = this.contentWindow.document.body.offsetHeight + ‘px’; }); Because some browsers (older Safari and Opera) report onload completed before CSS renders you need to set a micro Timeout and blank out and reassign the iframe’s src. $(‘iframe’).load(function() { setTimeout(iResize, 50); // Safari and Opera need a kick-start. var … Read more
document.write() is unstable if you use it after the document has finished being parsed and is closed. The behaviour is unpredictable cross-browser and you should not use it at all. Manipulate the DOM using innerHTML or createElement/createTextNode instead. From the Mozilla documentation: Writing to a document that has already loaded without calling document.open() will automatically … Read more
Listen to the custom events used by the youtube script: window.addEventListener(“yt-navigate-start”, e => { console.log(e.type); }); window.addEventListener(“yt-navigate-finish”, e => { console.log(e.type); }); To see all these events in Chrome: use DevTools → Elements panel → Event Listeners use DevTools → Sources panel → Global Listeners
the load event (a.k.a “onload”) on the window and/or body element will fire once all the content of the page has been loaded — this includes all images, scripts, etc… everything. In contrast, jquery’s $(document).ready(…) function will use a browser-specific mechanism to ensure that your handler is called as soon as possible after the HTML/XML … Read more
‘onload’ is supported by the following HTML tags: <body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script> And the following Javascript objects: image, layer, window
Here’s a re-usable directive in the style of angular’s inbuilt event handling directives: angular.module(‘sbLoad’, []) .directive(‘sbLoad’, [‘$parse’, function ($parse) { return { restrict: ‘A’, link: function (scope, elem, attrs) { var fn = $parse(attrs.sbLoad); elem.on(‘load’, function (event) { scope.$apply(function() { fn(scope, { $event: event }); }); }); } }; }]); When the img load event … Read more
This takes advantage of DOMContentLoaded – which fires before onload – but allows you to stick in all your unobtrusiveness… window.onload – Dean Edwards – The blog post talks more about it – and here is the complete code copied from the comments of that same blog. // Dean Edwards/Matthias Miller/John Resig function init() { … Read more
You have to place the hello div before the script, so that it exists when the script is loaded.
window.onload = function(){}; works, but as you might have noticed, it allows you to specify only 1 listener. I’d say the better/newer way of doing this would be to use a framework, or to just to use a simple implementation of the native addEventListener and attachEvent (for IE) methods, which allows you to remove the … Read more
You simply can’t do what you are trying to do. Setting the path for an input element through Javascript is not possible, as a security measure. Please check here: How to resolve the C:\fakepath?