发表新帖
发表新帖

Are dynamically inserted [removed] tags meant to work?

后端 未结
关注
3 1609
半阙折子戏
半阙折子戏 2020-11-30 14:25

I have some code where a

相关标签:
3条回答
  • 南旧
    2020-11-30 15:00

    If you're using something like

    document.getElementById('foo').innerHTML = blah

    then no, it won't work.

    An easy workaround is to use jQuery to do your insertion, which will execute the script in that block. Just use the html function on an element, passing it your HTML/script block.

    0 讨论(0)
  • 别那么骄傲
    2020-11-30 15:02

    If you're writing it to an innerHTML property, it won't work except for in IE when the DEFER attribute is present: 

    scriptParentNode.innerHTML = '<span/><script defer="defer" type="text/javascript">blah();</script>';

    Your options are, a) use the DOM to create the element and append it:

    var head = document.getElementsByTagName("head")[0];
var sTag = document.createElement("script");
sTag.type = "text/javascript";
sTag.text = "blah();";
head.appendChild(sTag);

    or b) use document.write at the time your HTML is parsed (but not after!)

    <head>
  <script type="text/javascript">
    document.write('<script type="text/javascript">blah();</script>');
  </script>
</head>

    EDIT

    Seeing as I was downvoted apparently for the information regarding the defer attribute being incorrect, I feel it necessary to post a working example from the MSDN documentation. Whilst it is true that IE removes NoScope elements from the beginning of an innerHTML string, it's possible to work around this by adding a scoped element to the beginning of the HTML string (example updated above):

    <HTML>
<SCRIPT>
function insertScript(){
    var sHTML="<input type=button onclick=" + "go2()" + " value='Click Me'><BR>";
    var sScript="<SCRIPT DEFER>";
    sScript = sScript + "function go2(){ alert('Hello from inserted script.') }";
    sScript = sScript + "</SCRIPT" + ">";
    ScriptDiv.innerHTML = sHTML + sScript;
}    
</SCRIPT>
<BODY onload="insertScript();">
    <DIV ID="ScriptDiv"></DIV>
</BODY>
</HTML>

    Feel free to actually click the "Show me" button in the MSDN documentation for a working example. [link]

    0 讨论(0)
  • 死守一世寂寞
    2020-11-30 15:16

    Dynamically inserted client-side or server-side?

    Server-side it'll work - assuming that the server-side call isn't an AJAX postback (Cause then in reality the actual dynamic insertion is still client-side).

    Client-side it won't (you can't simply inject java-script into a page after it's already loaded and expect it to execute). You'll have to actually explicitly execute the JavaScript in that case or use a framework like jQuery that'll do that for you.

    0 讨论(0)
 看不清?
提交回复
热议问题