javascript - 关于jQuery中prepend方法的实现原理
本文介绍了javascript - 关于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 这些方法是怎么实现追加内容后就执行里面的代码的?
解决方案
诚如首答所说,你在设置script
标签类型时写错,故浏览器无法识别此元素,将其改为text/javascript
即可。
由以下两图也可看出,jquery是通过Ajax去请求的hello,js
文件的,而js是通过script
标签去加载hello.js
文件的。
这篇关于javascript - 关于jQuery中prepend方法的实现原理的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文