① 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加上這個引用句子就可以了