javascript - 将 javascript 脚本附加到 head 不起作用

Question

我试图在页面头部附加一个带有脚本的脚本标签，但我附加了代码，但它不起作用。可能是因为该页面已经在运行。

我怎样才能有这样的工作？

$(document).ready(function () {
    $('a').on('click', function () {
        $('head').append('&ltscript&gtconsole.log("running")&lt/script&gt');
    });
});

http://jsfiddle.net/jtjmy5gy/6/

Answer 1

尝试

DEMO

$(document).ready(function () {
  $('a').on('click', function () {
     $('<script>').text('console.log("running")').appendTo('head');
  });
});

编辑

使用上面的示例调用函数:DEMO

$(document).ready(function () {
   $('a').on('click', function () {
     $('<script>').text('test()').appendTo('head');
   });
});

function test(){
  console.log("running")
}

编辑。您还可以附加脚本标签，如下所示:DEMO

$("head").append($("<script />", {
   text: 'test()',
}))

$("head").append($("<script />", {
   html: 'test()',
}))

$("head").append($("<script />", {
   src: url,
}))