jquery怎样动态加载js/css文件

jquery自带的getSrcript文件只能动态加载js代码,但不能加载css,后来自己写了一个可加载js与css的程序

先来看jquery自带的getSrcript文件

方法

$.getScript(url,callback)

登录后复制

实例

var testVar = 'New JS loaded!';alert(testVar); function newFun(dynParam) {alert('You just passed '+dynParam+ ' as parameter.');}

登录后复制

动态调用方法

$(function(){$('#loadButton').click(function(){$.getScript('new.js',function(){newFun('"Checking new script"');//这个函数是在new.js里面的,当点击click后运行这个函数});});});

登录后复制

上面的只能动态加载js代码,但不能加载css,后来自己写了一个可加载js与css的程序。

$.extend({includePath: '',include: function(file){var files = typeof file == "string" ? [file] : file;for (var i = 0; i < files.length; i++){var name = files[i].replace(/^s|s$/g, "");var att = name.split('.');var ext = att[att.length - 1].toLowerCase();var isCSS = ext == "css";var tag = isCSS ? "link" : "script";var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' ";var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'";if ($(tag + "[" + link + "]").length == 0) document.write("");}}});$.include(['hpbox.js','pop_win.css']);

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

Jquery+LigerUI实现文件上传步骤详解

jquery动态加载js文件详解

以上就是jquery怎样动态加载js/css文件的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2769197.html

(0)
上一篇 2025年3月8日 12:18:39
下一篇 2025年3月8日 12:18:45

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jQuery读取json的步骤详解

    这次给大家带来jQuery读取json的步骤详解,jQuery读取json的注意事项有哪些,下面就是实战案例,一起来看一下。 json文件是一种轻量级的数据交互格式。一般在jquery中使用getJSON()方法读取。  $.getJSON…

    2025年3月8日
    000
  • jQuery解析读取XML文件方法(附代码)

    这次给大家带来jQuery解析读取XML文件方法(附代码),jQuery解析读取XML文件的注意事项有哪些,下面就是实战案例,一起来看一下。 项目中应用jQuery解析读取XML语言配置文件来实现语言的调度。这是jQuery解析读取XML文…

    2025年3月8日
    200
  • JQuery读取显示XML文件

    这次给大家带来JQuery读取显示XML文件,JQuery读取显示XML文件的注意事项有哪些,下面就是实战案例,一起来看一下。 准备工作  在开始之前我们需要做如下准备工作: 1.创建一个名为DEMO.html空白html文件;(推荐使用E…

    编程技术 2025年3月8日
    200
  • jQuery动态加载js脚本文件实现方法

    这次给大家带来jQuery动态加载js脚本文件实现方法,jQuery动态加载js脚本文件的注意事项有哪些,下面就是实战案例,一起来看一下。 动态加载Javascript是一项非常强大且有用的技术。这方面的主题在网上已经讨论了不少,我也经常会…

    编程技术 2025年3月8日
    200
  • jQuery解析xml文件详解

    这次给大家带来jQuery解析xml文件详解,jQuery解析xml文件的注意事项有哪些,下面就是实战案例,一起来看一下。 jquery xml解析 $(document).ready(function(){ $.ajax({url:”Ci…

    编程技术 2025年3月8日
    200
  • jquery上传表单样式

    这次给大家带来jquery上传表单样式,jquery上传表单样式的注意事项有哪些,下面就是实战案例,一起来看一下。 文章开始先告诉大家制作jquery实现简洁文件上传表单样式的简易教程。 效果图: 页面结构: 登录后复制 css文件样式: …

    2025年3月8日
    200
  • jQuery入门须知总结

    这次给大家带来jQuery入门须知总结,jQuery入门须知的注意事项有哪些,下面就是实战案例,一起来看一下。 jQuery 对象 •jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 •jQuery 对象是 jQu…

    编程技术 2025年3月8日
    200
  • jQuery动态操作div步骤详解

    这次给大家带来jQuery动态操作div步骤详解,jQuery动态操作div步的注意事项有哪些,下面就是实战案例,一起来看一下。 代码实例如下: #father{ width:150px; height:150px; background-…

    编程技术 2025年3月8日
    200
  • jQuery内init构造器使用详解

    这次给大家带来jQuery内init构造器使用详解,jQuery内init构造器使用的注意事项有哪些,下面就是实战案例,一起来看一下。 init 构造器 由于这个函数直接和 jQuery() 的参数有关,先来说下能接受什么样的参数。 源码中…

    编程技术 2025年3月8日
    200
  • jQuery代码性能优化方法总结

    这次给大家带来jQuery代码性能优化方法总结,jQuery代码性能优化的注意事项有哪些,下面就是实战案例,一起来看一下。 1、总是使用#id去寻找element. 在jQuery中最快的选择器是ID选择器 ($(‘#somei…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论