JavaScript-如何在ajax读取的html中导入js

JavaScript-如何在ajax读取的html中导入js

浮生未歇 发布于 2017-02-10 字数 1080 浏览 1249 回复 2

具体应用场景:http://devto.sinaapp.com
这是一个“一页式”网站,用户看到的"一页"其实是一个div,每个div在用户访问的时候才用ajax读取一个html。
我原本的设想是每一页用到的js和css都在用户访问也就是ajax调用的时候才导入进来,结果是,css可以成功导入进来,js却被屏蔽了。
我的下一个解决方案是,在加载主页面的时候就导入所有可能用到的js,可是这样不但会浪费很多带宽,而且最重要的是,由于在其它页面上的js事件的主体元素还未加载进来,jquery插件的事件绑定便失效了,这样子便无法再其它页面上使用jquery插件而只能使用原生的js,带来诸多不便。
各位高手有什么好的解决方案吗?

根据@浪际天涯 ,
的解决方案,我做了如下的修改:

<script type="text/javascript">
$.getScript("/public/Js/Validform_v5.1_min.js");
$("#pagform").Validform({
tiptype:2
});
</script>
<form method="post" class="elegantform margin" id="pagform">
…… ……

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

夜无邪 2017-07-12 2 楼

可以采用iframe来做做看。

---------完善------------------
既然你说可以使用原生js,那可以通过document.write()方式输出JQ。

清晨说ぺ晚安 2017-04-27 1 楼

可以这样,你在加载这个Tab页面的时候动态创建一个<script></script>标签,然后让浏览器去给你请求相应的JS文件,就相当于写一个loadScript()的函数,然后动态的加载JS文件,也就是说在客户端去动态加载,而不是在服务器端加载,这样就可以了