javascript高手請進,模仿DOMContentLoad加載
看到jquery寫的load函數太復雜了,而且jquery功能雖強,文件也不小rn我自己寫了個精簡版的jquery文件(模仿),把復雜的功能都剔除了,測試了幾個瀏覽器都可以用,基本上用到的函數都可以用,文件小了70%,而且還有增加哦^_^rn我想到了一個方法,經過測試發現確實有效,但是兼容問題我不知道行不行rnrn寫一個函數可以寫在文件里或者直接放到head標簽里,然后在函數外面調用這個函數,函數內容很簡單rn就是不斷判斷頁面是否已經加載到body標簽了,如果沒加載就設個定時器再調用這個函數,如果已經加載body標簽,就在html標簽下面動態增加一個script標簽(結果是****),然后設置src指向你的js文件(例如處理頁面的腳本文件),當頁面加載完body內的標簽之后就會加載到你剛才創建的script標簽并執行文件內的腳本,這樣一來就實現了DOMContentLoad事件有木有??? 來高手解答一下呵呵 你這個思路是對地~ 不過已經有前人做好了框架, 叫做 requireJS , 還有js代碼不要寫在 head 哦,內js 的 window.onload 事件的觸容發時機不是你想的那樣,具體你可以百度
2段JQUERY 放在一個頁面就失效 高手請進 癥狀:直接點擊表格可編輯 但點擊添加后就變成不可編輯了
因為超過字符,所以壓縮了下,請保存后運行,或者格式化一下,抱歉,感謝!rn后臺項目 | 無涂層 | 半涂層 | 全涂層 | 小包數量 | | |
尺寸 | 銀箔 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 單位 | 備注 | 操作 |
那段script改成如下即可,不僅僅首次加載的時候要綁定點擊事件,當添加新行的時候也要重新綁定。
<script>
var rowCount=1;
function addRow(){
var newrow='<tr class="'+rowCount+'"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td><a href="#" onclick=delRow('+rowCount+')>刪除</a></td></tr>';
var tableHtml=$("#addnew tbody").html();
tableHtml+=newrow;
$("#addnew tbody").html(tableHtml);
rowCount++;
$("#addnew tbody tr td").click(function(){
bind($(this));
})
return false
}
function delRow(_id){
$("#addnew ."+_id).remove();
rowCount--;
return false
}
$(function(){
var tds=$("table td").not('#item td');
tds.click(function(){
bind($(this));
})
});
function bind(obj){
var td=obj;
var oldText=td.text();
var input=$("<input type='text' value='"+oldText+"'/>");
td.html(input);
input.click(function(){
return false
});
input.css("border-width","0");
input.css("text-align","center");
input.width(td.width()/2);
input.trigger("focus").trigger("select");
input.blur(function(){
var input_blur=$(this);
var newText=input_blur.val();
td.html(newText)
});
input.keyup(function(event){
var keyEvent=event||window.event;
var key=keyEvent.keyCode;
var input_blur=$(this);
switch(key){
case 13:var newText=input_blur.val();
td.html(newText);
break;
case 27:td.html(oldText);
break
}
})
}
</script>
Jquery Ajax 讀取 Json 問題 高手請進。
display.html 文件!rnrnrnrnrnrnrn無標題文檔rnrnrnrnrnrnrnrnrndisplay.asp文件rnrnrn<%rnstr = "["rnrnset rst = server.CreateObject("adodb.recordset")rnsql = "select * from tousu"rnrst.open sql,conn,1,1rnrndo while(not rst.eof)rnstr = str&"{"&chr(34)&"title"&chr(34)&":"&chr(34)&rst("title")&chr(34)&","&chr(34)&"content"&chr(34)&":"&chr(34)&rst("content")&chr(34)&","&chr(34)&"author"&chr(34)&":"&chr(34)&rst("adduser")&chr(34)&"},"rnrst.movenextrnlooprnrnrst.closernstr=left(str,InStrRev(str,",")-1) rnrnstr=str&"]"rnrnresponse.Write(str)rnx27%>rnrnAsp文件可以生成出rn[{"title":"123","content":"1 12 123 1234","author":"123"},{"title":"123","content":"123","author":"123"},{"title":"123","content":"123","author":"123"},{"title":"123","content":"123","author":"123"},{"title":"123","content":"123","author":"12312"}]rnrn問題是 display.asp 用ASP代碼生成Json Display.html就報錯,把Display.asp換成生成出來的Json 就沒問題。。。這樣試試
success: function(data){
for(var i=0;i<data.length;i++){
var html = '<ul>';
html += '<li>標題:<span>'+ data[i].title +'</span></li>';
html += '<li>內容回:<span>'+ data[i].content +'</span></li>';
html += '<li>發表答人:<span>'+ data[i].author
+'</span></li>';
html += '</ul>'
$('#dictionary').append(html);
}
JS或Jquery高手請進關于img鼠標按下換圖片,松開后恢復原來圖片的疑惑
如圖rn我現在用JS實現的,主要代碼如下rnimgs[i].onmousedown=function(){rn var me =this;//保存this實例rn //如果不是大小寫按鈕,為了有閃一下的效果,先將圖片換成背景色為黃色的按鈕,然后在設置超時器,100秒后,再回復原來的圖片rn changeSrc(me,false);rn setTimeout(function(){changeSrc(me,true)},100);rn}rnrn var changeSrc=function(obj,flag){rn //未點擊圖片如A按鈕dlan_03.jpg,點擊時的圖片為dlan_03_01.jpgrn var src=obj.src;rn src=src.substr(0,src.lastIndexOf("."));//把".jpg"去掉rn var pos=src.lastIndexOf("_");//查看最后一個_后面的兩位是不是01rn if(src.substr(pos+1,2)==01&&flag){//如果是點擊過的,則將后面的_01去掉rn obj.src=src.substr(0,pos)+".jpg";rn }else{rn obj.src=src+"_01.jpg";//如果是剛點擊,則將src加上_01rn }rn }rn一開始也是用onmousedown和onmouseup實現的,但是,如果你單擊的太快的話,會來不及執行函數,從而導致與想要的結果不一樣,所以就改成用 setTimeout(function(){changeSrc(me,true)},100);,100毫秒后就自動恢復rnrn我想問的是,有沒有簡單點的實現?就是鼠標按下變換圖片,并且一直保持到鼠標松開后恢復原來圖片,不會出現點擊太快來不及執行的情況(變換css也行)其實你可以實現鼠標移上去變換圖片,鼠標移走再恢復、、這樣就不會出現那種瞬間的情況、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function btnClick(){
document.getElementById("aa").value="鼠標點擊";
//你可以選擇鼠標點擊時候的圖片 更換css什么的
}
function btnUp(){
document.getElementById("aa").value="鼠標松開";
//你可以選擇鼠標松開時候的圖片 更換css什么的}
</script>
</HEAD>
<BODY>
<input type="button" value="1" id="aa" onmousedown="btnClick()" onmouseup="btnUp()"/>
</BODY>
</HTML>
相關推薦:
最高額保證法律依據(民法典后保證最高額擔保的規定)
中外合資經營企業的資本(中外合資企業注冊資本金要求)
車輛抵押貸款(汽車抵押貸款需要什么條件)
國有企業設立的資料(國有企業注冊條件)
怎么注冊公司流程(公司注冊流程及需要的材料)