通过js引入当前所需要的js,css等

在我们web前端页面中经常会用到许多外部的js,css文件,那么问题来了,怎样才能一次性引入?

通过js便可实现

走码:

//创建一个init.js文件
var jsUrls = "js/jquery-1.7.1.min.js";
for (var j = 0; j < jsUrls.split(",").length; j++) {
    document.write(‘<scr‘ + ‘ipt type="text/javascript" src="‘ + jsUrls.split(",")[j] + ‘"><\/scr‘ + ‘ipt>‘);
}
//引入样式也类似
var cssLink={};
var cssUrls="css/style.css";
for( var i=0 ; i < cssUrls.split(",").length; i++ ){
    cssLink[i] = top.document.createElement("link");
    cssLink[i].setAttribute("rel", "Stylesheet");
    cssLink[i].setAttribute("type", "text/css");
    cssLink[i].setAttribute("href", cssUrls.split(",")[i]);
    top.document.getElementsByTagName("head")[0].appendChild(cssLink[i]);
}
//然后在页面引入init.js即可,注意script要分开写,这是因为浏览器引擎解释的原因,<script></script>标签中不能再出现同样的script标签,如果是字符串就没问题了
时间: 2024-10-29 19:08:19

通过js引入当前所需要的js,css等的相关文章

ckeditor中 config.js等通过ckeditor.js引入文件手动修改方法

因为除了ckeditor.js之外的引用文件是通过ckeditor.js自动添加<script>或<link>标签实现文件的引入,引入的根目录是展示页面的地址.有时需要手动修改通过ckeditor.js引入的文件.这是需要在引入ckeditor.js之前定义window.CKEDITOR_BASEPATH = '../../static'(目录自己修改),编辑器将强制修改引用地址. ckeditor.js的这一部分源码是处理定义地址的: basePath: function() {

JS中单引号/双引号以及外部js引入的一些问题

一.单引号和双引号的用法的问题 在JavaScript中可以使用单引号.双引号,二者也可以混合使用.但是,身为菜鸟的我,却碰到了一些引号的使用问题. <body> <div style="border:1px solid red; height:150px;width:150px;" onclick="alert("test");" id="test">This is a test. </div&

UI标签库专题一:JEECG智能开发平台 BaseTag(样式表和JS引入标签)

UI标签库专题一:JEECG智能开发平台 BaseTag(样式表和JS引入标签) 1.BaseTag(样式表和JS引入标签) 1.1. 示例 <t:base type="jquery,easyui,tools"></t:base> 1.2. 参数 属性名 类型 描述 type string JS插件类型定义如果有多个以逗号隔开 1.3.  JS插件类型 插件名 描述 Jquery 引入版本jquery-1.8.3 Easyui 引入版本jquery.easyui

js引入php 用来加载静态页面 输出到页面中

HTML页面中加入代码 <script type="text/javascript" src="http://www.域名.com/js.php?id=tjyd"></script> js.php代码: <?php //js加载静态页面 输出到页面中 $id = trim($_GET['id']); $file = 'iframe/'.$id.'.html'; if(file_exists($file)){ //echo '22'; $

jQuery的文件引入、入口函数以及js对象和jquery对象之间的互相转换

JavaScript与jquery的区别 JavaScript是一门编程语言,用来编写客户端浏览器脚本. jQuery是javascript的一个库,包含多个可重用的函数,用来辅助简化javascript开发 jQuery能做的javascript都能做到,而JavaScript能做的事情,jQuery不一定能做到 jQuery文件的引入 <body> <div class="box"></div> <!--引包(引入jquery库)-->

django js引入失效问题

今天将项目中html文件下的自定义scrept代码单独独立,结果js引入无效,没有任何时间效果,在浏览器查看引入文件也正常. 后来发现自己引入的位置不对,js的引入文件应该放在body体内,而我把他们像引入css文件一样放在了head区! 移动位置后解决 原文地址:https://www.cnblogs.com/yeteng/p/10549963.html

JS 引入方式 基本数据类型 运算符 控制语句 循环 异常

一.JS引入方式 什么是JavaScript? JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互,JavaScript是浏览器解释执行的. JavaScript的嵌入方式 1.行间事件 <input type="button" name="clicktook" onclick= "alert("ok!");"> 2.页面scrip标签嵌入

js 引入Vue.js实现vue效果

拆分组件为单个js见:https://www.jianshu.com/p/2f0335818ceb 效果: html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, u

vue中的js引入图片,使用require相关问题

vue中的js引入图片,必须require进来 或者引用网络地址 <template> <div class="home"> <img alt="Vue logo" src="../assets/logo.png"> <!--<HelloWorld msg="Welcome to Your Vue.js App"/>--> <template> <e