How to add a element to the DOM and execute its code?

by

I have no idea how YUI’s Node.create() function works, so no comment on that. But a simple cross-browser script is:

  window.onload = function() {
    var s = document.createElement('script');
    s.type="text/javascript";
    var code="alert("hello world!");";
    try {
      s.appendChild(document.createTextNode(code));
      document.body.appendChild(s);
    } catch (e) {
      s.text = code;
      document.body.appendChild(s);
    }
  }

The try..catch block is necessary as most browsers like the first method but some don’t and throw an error. The second method covers those. You can also simply eval the code, which is more or less equivalent and what some libraries do.

More Related Contents:

  1. how do i submit message to my email by html or js?
  2. JS hide function error
  3. Create a new div element when button is clicked JavaScript [closed]
  4. how to view the answer of a js function in a html input? [duplicate]
  5. How to implement something like this GIF that using mouse drag and select items
  6. Javascript counting all the characters from a HTML document
  7. How to create button to check uncheckable checkbox
  8. Load and execution sequence of a web page?
  9. Submit two forms with one button
  10. Is there a spec that the id of elements should be made global variable?
  11. Zoom Canvas to Mouse Cursor
  12. How can I change div content with JavaScript?
  13. How can I capture the right-click event in JavaScript? [duplicate]
  14. How to detect which one of the defined font was used in a web page?
  15. Conditionally load JavaScript file
  16. Is there a way to check if geolocation has been DECLINED with Javascript?
  17. How can I “reset” to its original state after it has been modified by JavaScript?
  18. How to separate web components to individual files and load them?
  19. Javascript Detect click event outside of div [duplicate]
  20. jQuery Validation using the class instead of the name value
  21. jQuery duplicate DIV into another DIV
  22. Modify the value of each textfield based on original value using jQuery
  23. How to keep the changes made to DOM by javascript/jquery on page refresh
  24. Saving and loading an image from localStorage
  25. Remove fragment in URL with JavaScript w/out causing page reload
  26. How best to make a link submit a form
  27. Control iframe content with javascript/html
  28. Can I use the id of an HTML element as a variable in JavaScript? [duplicate]
  29. Polymer 1.0 Global Variables
  30. How to access css properties in javascript when applied via external CSS file?

Leave a Comment