Time of Update: 2018-12-08
BOM與DOM的區別 §DHTML技術各項功能的實現都依賴於使用用戶端指令碼與瀏覽器宿主及在宿主中輸出的Web頁面之間的互動,這種互動是通過對象這個技術手段實現的。 §BOM即Browser Object Model瀏覽器物件模型,是在用戶端指令碼核心的基礎上實現的擴充API,通過該API可以使用指令碼訪問瀏覽器視窗及其文檔對象的各個方面。BOM從IE3.0/NS3.0開始引入。 §在BOM
Time of Update: 2018-12-08
但開啟 helper: 'ui-resizable-helper' 或animate: true, 時候,會發現官方的例子的寬度自動增加了10PX 仔細翻原始碼一看,發現有以下問題:() 竟然用padding 難怪會自動添加寬度 這個問題在ie firefox下都存在. 其中這個問題比較難發現,但你可以用以下代碼測試出來: 複製代碼 代碼如下:<style type="text/css"> #resizable { width: 350px; height: 150px;
Time of Update: 2018-12-08
1.解決了有些select 美化代碼,無法觸發原有select 控制項的onchange 事件問題。 2.允許多次調用 $("...").selectCss(),以解決Select的options更新後無法同步的問題。 使用方法如下: 複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2018-12-08
採用的方法很類似: 複製代碼 代碼如下:var iframe = document.createElement("iframe"); iframe.src = "http://www.jb51.net"; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("Local iframe is now loaded."); }; } else { iframe.onreadystatechange =
Time of Update: 2018-12-08
作為一個Web前端工作者,你是否在工作中常被瀏覽器安全色性問題所困惑.例如Css樣式? 明明在 IE瀏覽器裡顯示一切正常的網頁.到了FireFox或Google瀏覽器中卻亂作一團.或許你在使用JavaScript和Dom編寫網頁指令碼時,也遇到過類似問題. 明明在FireFox瀏覽器裡運行正常的指令碼.到了IE裡卻出現錯誤. 比如說擷取觸發js事件的源目標.還有滑鼠位置或元素位置問題.動態為元素繫結事件等...我將在下面列舉部份Dom指令在IE和FireFox等瀏覽器 不相容性的問題!限於篇幅.
Time of Update: 2018-12-08
此項目的demo網站http://wijmo.com/Wijmo-Open/samples/ 複製代碼 代碼如下:/* * wijprogressbar Widget. V1.0 * * Copyright (c) Componentone Inc. * * Depends: * Jquery-1.4.2.js * jquery.ui.core.js * jquery.ui.widget.js * *Optional dependence for effect settings: *
Time of Update: 2018-12-08
1、在編寫widget的時候,一般我們需要綁定一些事件,最好將這些widget的綁定事件加上當前widget的命名空間。如果同一個jQuery對象,使用了兩個widget,而兩個widget都綁定了相同的事件名稱,可能會出現問題。在銷毀widget的時候,去除綁定事件也很方便,只需要unbind(”.namespace“)就可以了。 2、在寫jQuery的時候,因為jQuery對象是支援連寫的。譬如:$(obj).css("height","20px").attr("title","abc").
Time of Update: 2018-12-08
溫馨提醒: Dom文件物件模型 chm版提供下載 點擊下載 什麼是DomDom:英文全稱-Document Object Model
Time of Update: 2018-12-08
因為方便嘛,Jquery已封裝JS的setTimeout 和 setInterval 方法,下面看下應用例子: 複製代碼 代碼如下:/** * jQuery.timers - Timer abstractions for jQuery * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com) * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/). *
Time of Update: 2018-12-08
用了很多Jquery的外掛程式,支援滑鼠滾輪選數字。沒有什麼高深的技術點。工作原因很長時間沒有更新了,具體代碼都有些記不清了,歡迎大家來拍磚。:示範地址:http://demo.jb51.net/js/jsukudo/index.html:jsukudo20081110v0.3.0.5.zip 下載列表:http://code.google.com/p/jsukudo/downloads/list
Time of Update: 2018-12-08
開始技術部門打算在後台添加或者修改文章的時候,把文章裡面的關鍵字替換為<a>標籤。但是這樣就出現一些問題 如果新添加一個關鍵字,是不是所有的文章又要重新過濾一邊。把新關鍵字替換掉。 如果修改了關鍵字的名字或者是修改了關鍵字的連結地址,那麼又要重新過濾所有檔案。 綜合了一些情況後,感覺使用後台解決的方案行不通。於是我想到了前台指令碼解決 思路: 關鍵字連結的資訊任然存放在資料庫中,在資料庫中有一些欄位來儲存關鍵字的資訊。
Time of Update: 2018-12-08
現在問題來了,這個版塊不大,更新頻率卻很高,每天都有十數條最新的資訊上去,瀏覽網站的會員對於最新圖書的瞭解和需求越來越大,因此需要對這個板塊進行改良,以滿足會員的需求,會員的主要要求有以下幾個方面:顯示該最新上架的圖書的封面縮圖,該圖書的名稱和作者名稱,以及該書部分內容的介紹和作者的簡介... 這下把Ben給愁壞掉了,首頁上根本就沒有多餘的空間,怎麼來呈現封面縮圖甚至是內容簡介,如果去掉別的板塊空間來實現這一板塊的擴張,無異於在一家公司以犧牲一個部門來壯大另外一個部門,這是萬萬不可取的...
Time of Update: 2018-12-08
tabs代碼如下: 複製代碼 代碼如下:<div id="tabs" class="easyui-tabs"> <div title="tabs1"> tabs1 </div> <div title="tabs2"> tabs2 </div> </div>
Time of Update: 2018-12-08
主要問題:XML檔案完整,在liunx系統下可正常顯示,但是windows系統提示出錯, I use iis to develope a new .net website. I promise the code is right, but most pages running in Firefox 2.0 reported this error: 複製代碼 代碼如下:XML解析錯誤:未組織好 位置:http://localhost/Lanxum/dTeam.aspx 行:1,列:2 < %
Time of Update: 2018-12-08
原理是利用1px的div,具體實現看代碼。 使用方法: 複製代碼 代碼如下:$('.test').rounder(); 這樣會根據預設的設定產生一個圓角框,效果圓角處會有點鋸齒:(如果僅此而已,那肯定是不夠的。我們會想加上自己的一個樣式該怎麼辦?使用方法:複製代碼 代碼如下:$('.test').rounder({borderColor:'red',backgroundColor:'#EEE',color:'blue'}); 效果接下來我就來講講實現過程了,先附上jQuery代碼如下:複製代碼
Time of Update: 2018-12-08
函數代碼:複製代碼 代碼如下:function arrayToJson(o) { var r = []; if (typeof o == "string") return "\"" + o.replace(/([\'\"\\])/g, "\\$1").replace(/(\n)/g, "\\n").replace(/(\r)/g, "\\r").replace(/(\t)/g, "\\t") + "\""; if (typeof o == "object") { if (!o.sort) {
Time of Update: 2018-12-08
strip_tags() 函數剝去 HTML、XML 以及 PHP 的標籤。 複製代碼 代碼如下:<?php echo strip_tags(“Hello <b>world!</b>”); ?> smarty中可以使用strip_tags去除html標籤,包括在< >之間的任何內容。 例如: index.php: 複製代碼 代碼如下:$smarty = new Smarty; $smarty->assign(‘articleTitle', “
Time of Update: 2018-12-08
document.write() //將內容寫入文檔,當前編輯位置為寫入的內容的後一個字元 document.writeln() //將內容寫入文檔,並添加一個分行符號,當前編輯位置為寫入的內容的後一行 document.write()和document.writeln都是JavaScript向用戶端寫入的方法,writeln是以行方式輸出的,但並不是指頁面實際效果中的換行,兩種方法在查看原始碼時才看得出區別,除非是輸出到pre或xmp元素內 測試一下: [Ctrl+A 全選
Time of Update: 2018-12-08
第一種模式:工廠方式 複製代碼 代碼如下:var lev=function(){ return "指令碼之家"; }; function Parent(){ var Child = new Object(); Child.name="指令碼"; Child.age="4"; Child.lev=lev; return Child; }; var x = Parent(); alert(x.name); alert(x.lev()); 說明:
Time of Update: 2018-12-08
對此,jquery.boxy外掛程式已經做得非常強大了,常用的提示、確認,拖拽、改變大小、非同步載入都非常實用,導致檔案較大(可忽略不計),很多功能並不需要,為此,抱著在邊學邊實踐的態度和想法,自製一款適用於本項目的輕量級彈出層外掛程式,這是第一次寫jqeury外掛程式,也為了以後能將常用操作封裝為jquery外掛程式做準備吧。