动态加载js和css的jquery plugin_html/css_WEB-ITnose
一个简单的动态加载js和css的jquery代码，用于在生成页面时通过js函数加载一些共通的js和css文件。
Java代码
- //how to use the function below:
- //$.include('file/ajaxa.js');$.include('file/ajaxa.css');
- //or $.includePath = 'file/';$.include(['ajaxa.js','ajaxa.css']);(only if .js and .css files are in the same directory)
- $.extend({
- includePath: '',
- include: function(file)
- {
- var files = typeof file == "string" ? [file] : file;
- for (var i = 0; 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' " : " type='text/javascript' ";
- var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'";
- if ($(tag + "[" + link + "]").length == 0) $("head").prepend("" + tag + ">");
- }
- }
- });
- $.include('../js/jquery-ui-1.8.21.custom.min.js');
- $.include('../css/black-tie/jquery-ui-1.8.21.custom.css');
将该函数写入一个common.js文件中，在html中加载该common.js文件，就可以达到目的。该js函数出自以下链接：
http://www.cnblogs.com/chenjinfa/archive/2009/03/17/1414178.html
注意：
1.在html5中，<script>标签已经不支持language属性了，所以我删除了： <br /> <p class="sycode"> <p class="sycode"> <p class="sycode"> Java代码 <ol> <li>var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' "; <br />中的language='javascript' <br />2.原作者在写入js和css标签时，用的是： <br /> <p class="sycode"> <p class="sycode"> <p class="sycode"> Java代码 <ol> <li>document.write("<" + tag + attr + link + "></" + tag + ">"); <br />但是经过实践，发现document.write（）方法会在写入前清除原页面的所有内容，也就相当于覆盖的意思，这样明显达不到我的需要，我需要在加载页面时动态的向页面导入共通的js和css，而不能清除我原页面的其他任何内容，所以查了下api，我改用了： <br /> <p class="sycode"> <p class="sycode"> <p class="sycode"> Java代码 <ol> <li>$("head").prepend("<" + tag + attr + link + "></" + tag + ">"); <br />这个方法，$("head").prepend（）方法的作用是在<head>标签的最前端追加写入内容。 <br /> <br />最后，再补充一个方法，也是通过共通js来实现，应该比上面这个方法更容易理解： <br /> <p class="sycode"> <p class="sycode"> <p class="sycode"> Java代码 <ol> <li>Dynamically loading external JavaScript and CSS files <li> <li>To load a .js or .css file dynamically, in a nutshell, it means using DOM methods to first create a swanky new "SCRIPT" or "LINK" element, assign it the appropriate attributes, and finally, use element.appendChild() to add the element to the desired location within the document tree. It sounds a lot more fancy than it really is. Lets see how it all comes together: <li> <li>function loadjscssfile(filename, filetype){ <li>if (filetype=="js"){ //if filename is a external JavaScript file <li> var fileref=document.createElement('script') <li> fileref.setAttribute("type","text/javascript") <li> fileref.setAttribute("src", filename) <li>} <li>else if (filetype=="css"){ //if filename is an external CSS file <li> var fileref=document.createElement("link") <li> fileref.setAttribute("rel", "stylesheet") <li> fileref.setAttribute("type", "text/css") <li> fileref.setAttribute("href", filename) <li>} <li>if (typeof fileref!="undefined") <li> document.getElementsByTagName("head")[0].appendChild(fileref) <li>} <li> <li>loadjscssfile("myscript.js", "js") //dynamically load and add this .js file <li>loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file <li>loadjscssfile("mystyle.css", "css") ////dynamically load and add this .css file <li> <p class="sycode"> <p class="sycode"> <p class="sycode"> <p class="sycode"> <p class="sycode"> <p class="sycode"> <p class="sycode"> <p class="sycode"> <p class="sycode"> </script>
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
将VirtualBox固定磁盘转换为动态磁盘，反之亦然
Mar 25, 2024 am 09:36 AM
在创建虚拟机时，系统会要求您选择磁盘类型，您可以选择固定磁盘或动态磁盘。如果您选择了固定磁盘，后来意识到需要动态磁盘，或者相反，该怎么办?好!你可以把一种转换成另一种。在这篇文章中，我们将看到如何将VirtualBox固定磁盘转换为动态磁盘，反之亦然。动态磁盘是一种虚拟硬盘，它最初具有较小的大小，随着您在虚拟机中存储数据，其大小会相应增长。动态磁盘在节省存储空间方面非常高效，因为它们只占用所需的主机存储空间。然而，随着磁盘容量的扩展，可能会稍微影响计算机的性能。固定磁盘和动态磁盘是虚拟机中常用的
推荐：优秀JS开源人脸检测识别项目
Apr 03, 2024 am 11:55 AM
人脸检测识别技术已经是一个比较成熟且应用广泛的技术。而目前最为广泛的互联网应用语言非JS莫属，在Web前端实现人脸检测识别相比后端的人脸识别有优势也有弱势。优势包括减少网络交互、实时识别，大大缩短了用户等待时间，提高了用户体验；弱势是：受到模型大小限制，其中准确率也有限。如何在web端使用js实现人脸检测呢？为了实现Web端人脸识别，需要熟悉相关的编程语言和技术，如JavaScript、HTML、CSS、WebRTC等。同时还需要掌握相关的计算机视觉和人工智能技术。值得注意的是，由于Web端的计
jQuery中如何使用PUT请求方式？
Feb 28, 2024 pm 03:12 PM
jQuery中如何使用PUT请求方式？在jQuery中，发送PUT请求的方法与发送其他类型的请求类似，但需要注意一些细节和参数设置。PUT请求通常用于更新资源，例如更新数据库中的数据或更新服务器上的文件。以下是在jQuery中使用PUT请求方式的具体代码示例。首先，确保引入了jQuery库文件，然后可以通过以下方式发送PUT请求：$.ajax({u
jQuery小技巧：快速修改页面所有a标签的文本
Feb 28, 2024 pm 09:06 PM
标题：jQuery小技巧：快速修改页面所有a标签的文本在网页开发中，我们经常需要对页面中的元素进行修改和操作。在使用jQuery时，有时候需要一次性修改页面中所有a标签的文本内容，这样可以节省时间和精力。下面将介绍如何使用jQuery快速修改页面所有a标签的文本，同时给出具体的代码示例。首先，我们需要引入jQuery库文件，确保在页面中引入了以下代码：<
使用jQuery修改所有a标签的文本内容
Feb 28, 2024 pm 05:42 PM
标题：使用jQuery修改所有a标签的文本内容jQuery是一款流行的JavaScript库，被广泛用于处理DOM操作。在网页开发中，经常会遇到需要修改页面上链接标签（a标签）的文本内容的需求。本文将介绍如何使用jQuery来实现这个目标，并提供具体的代码示例。首先，我们需要在页面中引入jQuery库。在HTML文件中添加以下代码：
js和vue的关系
Mar 11, 2024 pm 05:21 PM
js和vue的关系：1、JS作为Web开发基石；2、Vue.js作为前端框架的崛起；3、JS与Vue的互补关系；4、JS与Vue的实践应用。
如何判断jQuery元素是否具有特定属性？
Feb 29, 2024 am 09:03 AM
如何判断jQuery元素是否具有特定属性？在使用jQuery操作DOM元素时，经常会遇到需要判断元素是否具有某个特定属性的情况。这种情况下，我们可以借助jQuery提供的方法来轻松实现这一功能。下面将介绍两种常用的方法来判断一个jQuery元素是否具有特定属性，并附上具体的代码示例。方法一：使用attr()方法和typeof操作符//判断元素是否具有特定属
JS 的 AI 时代来了！
Apr 08, 2024 am 09:10 AM
JS-Torch简介JS-Torch是一种深度学习JavaScript库，其语法与PyTorch非常相似。它包含一个功能齐全的张量对象（可与跟踪梯度），深度学习层和函数，以及一个自动微分引擎。JS-Torch适用于在JavaScript中进行深度学习研究，并提供了许多方便的工具和函数来加速深度学习开发。图片PyTorch是一个开源的深度学习框架，由Meta的研究团队开发和维护。它提供了丰富的工具和库，用于构建和训练神经网络模型。PyTorch的设计理念是简单和灵活，易于使用，它的动态计算图特性使
