Simon Willison's Weblog: dom-scripting

HTML event handler attributes: down the rabbit hole

2022-04-26T20:35:08+00:00

HTML event handler attributes: down the rabbit hole

onclick="myfunction(event)" is an idiom for passing the click event to a function - but how does it work? It turns out the answer is buried deep in the HTML spec - the browser wraps that string of code in a function(event) { ... that string ... } function and makes the event available to its local scope that way.

Via @phil_eaton

Tags: dom-scripting, html, javascript

DOMContentLoaded for IE, Safari, everything, without document.write

2007-09-26T12:19:07+00:00

DOMContentLoaded for IE, Safari, everything, without document.write

Stuart has taken Hedger’s recent IE technique, combined it with the others and compressed it in to a short-as-possible code snippet that you can paste in to your scripts without having to include the whole of jQuery/YUI/Dojo/Prototype.

Tags: documentwrite, dom-scripting, internet-explorer, javascript, ondomready, safari, stuart-langridge, unobtrusive-javascript

IEContentLoaded

2007-09-24T12:10:02+00:00

IEContentLoaded

An alternative method of detecting DOMContentLoaded on IE; works by polling until the doScroll() method on an unattached element stops throwing errors.

Tags: domcontentloaded, dom-scripting, hedger-wang, iecontentloaded, internet-explorer, javascript, unobtrusive-javascript