① js或jquery如何同步加载 html或txt或css~
加载复css. js 也一样.
<script>
doucment.write("<link rel='stylesheet' href='/fore/nec/css/base.css'")
</script>
你说的将存在文件中的数制据加载到页面中,也不是多大的问题.关键在于你要加载的文件是存储在客户端还是在服务端
② javascript怎样实现预加载js、css、图片呢求高手，求demo
预加载一张img，
var tempImg=document.createElement("img");
tempImg.src="...";//url地址
..//
..//
在合适的时候插入到dom中去 或者直接在合适的位置写<img src=".."/>因为已经下载过了，会直接拿缓存，不会重新请求下载
③ 如何使用jquery动态加载js，css文件
一、Jquery动态加载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("<" + tag + attr + link + "></" + tag + ">");
}
}
});
二、使用方法：
$.include('dedeajax.js');
$.include('android.css');
或者：
$.includePath='www/html/';
$.include([dedeajax.js','android.css']);
④ 如何统一加载常用js和css文件
为了方便资源管理和提升工作效率，常用的js和css文件的加载应该放在一个统一文件里面完成，也方便后续的资源维护。所以我用js写了以下方法，存放在“sourceController.js”文件内。
/**
* Created by Administrator on 2016/9/10. */function sourceController(){ var root = ""; // 根路径
this.opt = {
root : root
}; // css存储路径
this.css = {
css0 : "javaScript/bootstrap/css/bootstrap.css",
css1 : "css/iconfont/iconfont.css"
}; // js存储路径
this.script = {
script0 : "javaScript/jquery.js",
script1 : "javaScript/bootstrap/js/bootstrap.js"
}; /* 设置文件根目录
* @param url 根目录地址 */
this.setRoot = function(url){
root = url;
}; /* 添加常用资源 */
this.addSource = function(){
addMeta([["http-equiv", "X-UA-Compatible"],["content", "IE=edge"]]);
addMeta([["name", "viewport"],["content", "width=device-width, initial-scale=1"]]); for (var i = 0; i < Object.getOwnPropertyNames(this.css).length; i++){ this.addCss(this.css["css" + i]);
} for (var i = 0; i < Object.getOwnPropertyNames(this.script).length; i++){ this.addScript(this.script["script" + i]);
}
}; /* 添加Script文件
* @param url script文件路径 */
this.addScript = function(url){ var script = document.createElement("script");
script.setAttribute("type","text/javascript"); if (root != "") {
url = root + "/" + url;
}
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
}; /* 添加CSS文件
* @param url css文件路径 */
this.addCss = function(url){ var css = document.createElement("link");
css.setAttribute("rel", "stylesheet"); if (root != "") {
url = root + "/" + url;
}
css.href = url;
document.getElementsByTagName("head")[0].appendChild(css);
}; /* 回调函数
* @param func 回调方法 */
this.callback = function(func){
setTimeout(func,50); // 为了让文件加载完成，页面排布完毕 }; /* 添加meta
* @param attr meta属性，为二维数组 */
function addMeta(attr){ var meta = document.createElement("meta"); for (var i = 0; i < attr.length; i++){
meta.setAttribute(attr[i][0], attr[i][1]);
}
document.getElementsByTagName("head")[0].appendChild(meta);
}
}
在需要引入的页面只需要在<head>加入如下代码就可以一下子引入所有的常用资源了。为了显示美观在所有布局完成之间body设置visibility为hidden，布局完成后显示出来。
<script src="javaScript/sourceController.js"></script>
<script>
window.onload = function(){ var sc = new sourceController();
sc.addSource();
sc.addCss("css/common.css"); // 额外需要添加的css文件
sc.addScript("javaScript/index.js"); // 额外需要添加的js文件
sc.callback(function(){
document.body.style.display = "block"; // 所有布局完成后的回调方法，可以根据个人需要定义 });
};</script>
⑤ CI框架如何加载css/js文件，怎么设置url
1、两种加载css/js文件，分别是相对路径和绝对路径。
2、相对路径是相对网站根目录的路径也就是index.php所在的路径
3、绝对路径可以使用config.php中base_url配置
4、举例：static是根目录下的文件夹，存放静态文件
相对：
<script src="static/js/web.js"></script>
<link rel="stylesheet" type="text/css" href="static/css/style.css">
绝对：
首先php获取base_url的值
$base_url = $this->config->item('base_url');
//通过参数传递到html页面
$this->load->view('index', array('base_url'=>$base_url));
//页面中使用
<script src="<?php echo $base_url; ?>static/js/web.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>static/css/style.css">
⑥ 关于js和css的引用
可以是可以 但是这样效率不高 主要开发的时候自己要能找的到
比如a.html中有个js方法openTab（） 你可以在b.html中写成parent.openTab（）
就是指他调用的父页面的js方法
你也可以在一个文件夹下放js 一个文件夹下放css 要用的时候在页面直接加上link css 和 script js加上这个引用句子就可以了