ホームページ  >  に質問  >  本文

关于jQuery中prepend方法的实现原理?

假设有一个 hello.js 文件 该js文件里面的内容就一句。如下

alert('hello world');

我在一个页面中动态加载该js文件,页面中有一个按钮,当我点击按钮的时候就开始加载该文件,我的代码如下

下面的代码是当点击按钮时候要执行的。

var script = document.createElement("script");
script.type = 'type/javascript';
script.src = 'hello.js';
script.async = 'async';
script.charset = 'utf-8';

问题来了

如果使用 jQuery的追加方法就会弹出内容,如果使用原生的appendChild方法就无法弹出内容。

$("head").append(script); // 可以弹出内容
document.getElementsByTagName("head")[0].appendChild(script); // 无法弹出内容

请问一下 prepend , append 这些方法是怎么实现追加内容后就执行里面的代码的?

素颜素颜2762日前1432

全員に返信(2)返信します

  • 数据分析师

    数据分析师2017-10-01 01:11:50

    jQuery の prepend メソッドの実装原理について - PHP 中国語 Web サイト Q&A - jQuery の prepend メソッドの実装原理について - PHP 中国語 Web サイト Q&A

    見て学んでください。

    返事
    0
  • 迷茫

    迷茫2017-03-29 09:23:58

    因为你的代码里 script.type = 'type/javascript'; 这句导致浏览器认为不是javascript,所以不执行

    jquery里的方法做了判断,会忽略你的错误设置,用ajax加载script,然后eval执行


    返事
    0
  • キャンセル返事