中山php|最優(yōu)網(wǎng)絡(luò) ：中山做網(wǎng)站 中山php建站
最優(yōu)良人
Category Page for: 網(wǎng)站前端
Web Developer--FireFox的強(qiáng)大開(kāi)發(fā)插件
2011/08/14 at 02:54 » Comments (17)
為了禁用瀏覽器緩存以方便調(diào)試Ajax，可以使用FireFox的強(qiáng)大開(kāi)發(fā)插件Web Developer：其擁有強(qiáng)大的CSS調(diào)試和Form調(diào)試能力，對(duì)頁(yè)面的分析非常全面，可以禁止頁(yè)面的任一內(nèi)聯(lián)、文檔、和外部CSS，可以直接編輯當(dāng)前CSS，可以直接加載本地的CSS，可以用鼠標(biāo)點(diǎn)擊查看頁(yè)面內(nèi)任一元素的CSS，可以查看盒子模型結(jié)果，這還只是其功能一，其他的功能太多了，比如表單的POST和GET功能相互轉(zhuǎn)換，檢查XHTML和CSS語(yǔ)法，禁止一切可以禁止的，包括Cache、Cookie、圖片、Java、Js、Referrer等等……如果你需要經(jīng)常調(diào)試頁(yè)面的話，這個(gè)插件能極大滿足你的需求。 Web Developer作為Firefox的插件存在，主要功能表現(xiàn)在幾個(gè)重要的方面： 對(duì)頁(yè)面中的文本、圖像、媒體文件進(jìn)行控制，對(duì)網(wǎng)頁(yè)所應(yīng)用的CSS文件的id與class輔助查看，表格輔助查看，可以實(shí)現(xiàn)修改CSS文件實(shí)時(shí)顯示出得到的頁(yè)面效果等等。 Web Developer插件能夠幫助我們對(duì)CSS網(wǎng)站進(jìn)行分析，我們使用Firefox對(duì)網(wǎng)頁(yè)進(jìn)行瀏覽，運(yùn)用Web Developer插件不僅僅只是能看到對(duì)方的源代碼，還能方便的分析出頁(yè)面的布局結(jié)構(gòu)，CSS書(shū)寫(xiě)方式，鼠標(biāo)所在位置的id或class是什么等等，使我們能迅速的理解、學(xué)習(xí)別人的成功經(jīng)驗(yàn)，進(jìn)而更加方便快捷的掌握CSS布局技術(shù)。 more »JS判斷一個(gè)變量是否是數(shù)組以及循環(huán)數(shù)組
2011/08/14 at 02:52 » Comments (7)
JS判斷一個(gè)變量是否是數(shù)組的方法 function isArray(o) { return Object.prototype.toString.call(o) === '[object Array]'; } //for in循環(huán)數(shù)組 var key; for (key in array) { } //for循環(huán)數(shù)組 var key; for (key =0;key< url.length;key++) { } more »修改file表單按鈕樣式，把文字：瀏覽..修改成自己喜歡的樣式或其他文字
2011/08/14 at 02:48 » Comments (277)
由于file類(lèi)型的表單會(huì)自動(dòng)生成一個(gè)文字為瀏覽..的按鈕，并且這個(gè)按鈕的文字不能改變，如果我想改變這個(gè)file input框的表現(xiàn)形式或者希望改變這個(gè)按鈕的文字應(yīng)該怎么辦呢？ 我首先想到的，也是最簡(jiǎn)單的方式就是把這個(gè)file input框隱藏，然后建多一個(gè)按鈕，點(diǎn)擊按鈕的時(shí)候觸動(dòng)file 的click事件，這個(gè)方式再ie下可以，在火狐下就沒(méi)效果。 另外幾種種比較常用的方式就可以解決瀏覽器兼容的問(wèn)題，下面這種算是比較完美的解決方式，也是最簡(jiǎn)單的了。 就是先把這個(gè)file框透明，然后把它放在a標(biāo)簽里面，定義a標(biāo)簽的背景樣式，這樣看到的是a，點(diǎn)擊的是file，下面是代碼： <HTML> <HEAD> <TITLE>upload</TITLE> <style> .a { cursor:hand; text-decoration:none; background-image: url('http://cn.madeinasia.com/templets/default/images/logo.gif'); height:20px; width:20px; padding:0px; } .file { cursor:pointer; font-size:20px; left:0px; opacity:0; filter:alpha(opacity=0) } </style> </HEAD> <BODY> <FORM METHOD=POST ACTION="" enctype="multipart/form-data"> <A class='a' href=#><INPUT class='file' type=file size=1 name="filedata" onchange="this.form.submit()"></A> <INPUT TYPE="submit" value="提交"> </FORM> </BODY> </HTML> more »Jquery常用的ajax操作
2011/08/14 at 02:34 » Comments (417)
Jquery異步加載一個(gè)頁(yè)面是如此簡(jiǎn)單： $.ajax({ url: "/testl/index.html", cache: false, success: function(html){ $("#test").append(html); } }); 或者更簡(jiǎn)單的：$("#test").load("/test/index.html"); 以 POST 形式發(fā)送附加參數(shù)并在成功時(shí)顯示信息。 jQuery 代碼： $("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); }); 載入并執(zhí)行一個(gè) JavaScript 文件:加載并執(zhí)行 test.js ...more »控制input框只能看不能輸入，表單禁用自動(dòng)完成
2011/08/14 at 01:27 » Comments (16)
有時(shí)候input框的內(nèi)容我們只是希望顯示出來(lái)，不希望用戶修改，那么可以在ipnut里面加上屬性：readonly = "readonly"，這樣內(nèi)容就被固定住了 有時(shí)我們不希望用戶快速使用之前提交過(guò)的數(shù)據(jù)來(lái)完成重復(fù)提交，即禁用表單的自動(dòng)完成功能，可以在表單<form>里面加入autocomplete="off"關(guān)閉。 more »自定義DW快捷鍵
2011/08/14 at 01:24 » Comments (20)
使用模版分離技術(shù)制造網(wǎng)站時(shí)，在制作模版頁(yè)面時(shí)總要用到一些自定義的標(biāo)簽，有{# #} [# #]等等，但是我覺(jué)得用html的注釋標(biāo)簽<!-- -->是比較好的，因?yàn)檫@樣標(biāo)簽的內(nèi)容在可視化頁(yè)面不可見(jiàn)，不會(huì)破壞頁(yè)面的布局和美感，而真正需要用到html的注釋的時(shí)候就只能用<!--// -->這樣的形式了。 而重復(fù)打<!-- -->這個(gè)標(biāo)簽還是挺煩人的，可以使用DW的自定義快捷鍵來(lái)完成，在編輯->快捷鍵里，為了保護(hù)原有的快捷鍵不被破壞，DW是不允許直接在系統(tǒng)默認(rèn)的快捷方式被修改的，需要點(diǎn)擊下方那個(gè)按鈕新建一份拷貝 然后找到下方的插入，找到注釋?zhuān)谙路降陌存I輸入框里直接按你喜歡的按鍵，比如我的是crtl+Q就可以了 more »常用JS語(yǔ)句
2011/08/14 at 01:20 » Comments (277)
//顯示與隱藏 document.getElementById('s1').style.display=''; //js返回上次頁(yè)面 window.history.back(); history.go(-2); //隔一段時(shí)間執(zhí)行一次函數(shù) intervalID = setInterval("showTime()", 5000); //延遲一段時(shí)間執(zhí)行函數(shù) timeoutID = setTimeout("showTime()", 5000); // 停止： 主要是利用 window.clearInterval(intervalID); window.clearTimeout(timeoutID); //表單提交 name.submit()或者javascript:this.submit()（必須處在form表單內(nèi)） //取得id document.getElementById("bbac").value more »關(guān)于域名的一些常用設(shè)置的說(shuō)明
2011/08/07 at 02:08 » Comments (108)
建站名詞解釋?zhuān)篋NS A記錄 NS記錄 MX記錄 CNAME記錄 TXT記錄 TTL值 PTR值 泛域名 泛解析 域名綁定 域名轉(zhuǎn)向 1. DNS DNS：Domain Name System 域名管理系統(tǒng) 域名是由圓點(diǎn)分開(kāi)一串單詞或縮寫(xiě)組成的，每一個(gè)域名都對(duì)應(yīng)一個(gè)惟一的IP地址，這一命名的方法或這樣管理域名的系統(tǒng)叫做域名管理系統(tǒng)。 DNS：Domain Name Server 域名服務(wù)器 域名雖然便于人們記憶，但網(wǎng)絡(luò)中的計(jì)算機(jī)之間只能互相認(rèn)識(shí)IP地址，它們之間的轉(zhuǎn)換工作稱(chēng)為域名解析，域名解析需要由專(zhuān)門(mén)的域名解析服務(wù)器來(lái)完成，DNS 就是進(jìn)行域名解析的服務(wù)器。 查看DNS更詳細(xì)的解釋 2. A記錄 A （Address）記錄是用來(lái)指定主機(jī)名（或域名）對(duì)應(yīng)的IP地址記錄。用戶可以將該域名下的網(wǎng)站服務(wù)器指向到自己的web server上。同時(shí)也可以設(shè)置域名的子域名。通俗來(lái)說(shuō)A記錄就是服務(wù)器的IP,域名綁定A記錄就是告訴DNS,當(dāng)你輸入域名的時(shí)候給你引導(dǎo)向設(shè)置在DNS的A記錄所對(duì)應(yīng)的服務(wù)器。 簡(jiǎn)單的說(shuō)，A記錄是指定域名對(duì)應(yīng)的IP地址。 3. NS記錄 NS（Name Server）記錄是域名服務(wù)器記錄，用來(lái)指定該域名由哪個(gè)DNS服務(wù)器來(lái)進(jìn)行解析。 您注冊(cè)域名時(shí)，總有默認(rèn)的DNS服務(wù)器，每個(gè)注冊(cè)的域名都是由一個(gè)DNS域名服務(wù)器來(lái)進(jìn)行解析的，DNS服務(wù)器NS記錄地址一般以以下的形式出現(xiàn)： ns1.domain.com、ns2.domain.com等。 簡(jiǎn)單的說(shuō)，NS記錄是指定由哪個(gè)DNS服務(wù)器解析你的域名。 4. MX記錄 MX（Mail Exchanger）記錄是郵件交換記錄，它指向一個(gè)郵件服務(wù)器，用于電子郵件系統(tǒng)發(fā)郵件時(shí)根據(jù)收信人的地址后綴來(lái)定位郵件服務(wù)器。例如，當(dāng)Internet上的某用戶要發(fā)一封信給 user@mydomain.com ...more »禁止頁(yè)面使用右鍵的js代碼
2011/08/06 at 11:26 » Comments (213)
之前有一個(gè)客戶希望網(wǎng)站的頁(yè)面禁用右鍵的點(diǎn)擊，希望防止圖片被下載（其實(shí)感覺(jué)沒(méi)什么必要，懂一點(diǎn)網(wǎng)站知識(shí)的人還是可以輕易下載的），下面是js禁止右鍵的代碼： function click(e) { if (document.all) { if (event.button==1||event.button==2||event.button==3) { oncontextmenu='return false'; } } if (document.layers) { if (e.which == 3) { oncontextmenu='return false'; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); } document.onmousedown=click; document.oncontextmenu = new Function("return false;") var travel=true var hotkey=17 /* hotkey即為熱鍵的鍵值,是ASII碼,這里99代表c鍵 */ if (document.layers) document.captureEvents(Event.KEYDOWN) function gogo(e) { if (document.layers) ...more »返回菜單
