单击按钮后是否可以触发onLoad事件

Question

I want to fire an onLoad event after updating the body tag with additional attributes. This happens when the user clicks on an item.

The attribute gets added to the body tag, but nothing happens. How can I fix this?

$('#about-link').click(function () {
    $("body").attr("onLoad","outputXML('about-content', 'assets/xml/sample.xml', 'assets/xsl/sample.xsl');");
    onload();
});

Answer 1

Load events happen when a resource and its dependent resources have finished loading.

If you want something to fire when a user clicks something, use a click (and/or touch and/or pointer) event instead, or (in your case) perhaps call the function in whatever code is adding the additional attributes to the body tag (which itself was probably triggered by one of these events).

• More information on load events
• More information on click events
• More information on touch events
• Spec for pointer events
• Support matrix for pointer events

Answer 2

I managed to figure it out. This works.

$('#about-link').click(function () {
    window.showCorrectPage('#about', '#about-li');
    outputXML('about-content', 'assets/xml/sample.xml', 'assets/xsl/sample.xsl');
});