Time of Update: 2017-01-19
以下內容為轉帖: 代碼 複製代碼 代碼如下: <script type="text/javascript"> function goUrl(x) { window.location.href=x; } </script> <a href="javascript:;" onclick="javascript:goUrl('http://www.baidu.com');">跳轉1</a> <a href="javascript:void(0);"
Time of Update: 2017-01-19
在前端開發必須知道的JS之原型和繼承一文中說過下面寫篇閉包,加之最近越來越發現需要加強我的閉包應用能力,所以此文不能再拖了。本文講的是函數閉包,不涉及對象閉包(如用with實現)。如果你覺得我說的有偏差,歡迎拍磚,歡迎指教。一. 閉包的理論 首先必須瞭解以下幾個概念: 執行環境 每調用一個函數時(執行函數時),系統會為該函數建立一個封閉的局部的運行環境,即該函數的執行環境。函數總是在自己的執行環境中執行,如讀寫局部變數、函數參數、運行內部邏輯。建立執行環境的過程包含了建立函數的範圍,
Time of Update: 2017-01-19
使 用了一個點擊按鈕跳轉的js,語句很簡單: <input type="button" value="添加" onclick="location.href('http://www.jb51.net);" /> 測試的時候發現其在IE下是可以用的而firefox則不能使用了。於是我在location前面加了一個 window,即改為: onclick="window.location.href('http://baidu.com');" 發現仍然不行。
Time of Update: 2017-01-19
設定屬性 - attr()jQuery attr() 方法也用於設定/改變屬性值。下面的例子示範如何改變(設定)連結中 href 屬性的值:執行個體複製代碼 代碼如下:$("button").click(function(){$("#keleyi").attr("href","http://www.jb51.net");});attr() 方法也允許您同時設定多個屬性。下面的例子示範如何同時設定 href 和 title 屬性:執行個體複製代碼
Time of Update: 2017-01-19
jQuery
Time of Update: 2017-01-19
複製代碼 代碼如下: columns:[[ {field:"activitycontent",title:'主動式內容',width:fixWidth(0.18),align:"center",halign:"center", formatter:function(value,rec){ if(value.indexOf("src")<0){
Time of Update: 2017-01-19
上次幫朋友寫過的一個簡單轉場效果,超級簡單,但也比較適用.因為用到了CSS Sprite技術,DEMO中附帶了IE6相容png的JS. 核心JavaScript代碼:點此查看DEMO 複製代碼 代碼如下: //@Mr.Think擷取對象屬性相容方法 function $(objectId) { if(document.getElementById && document.getElementById(objectId)) { return
Time of Update: 2017-01-19
下面的效果,只能在IE6下才能看到效果。 判斷IE版本並給出提示升級瀏覽器 您正在使用 Internet Explorer 6,在本頁面的顯示效果可能有差異。建議您升級到 Internet Explorer 8 或以下瀏覽器: Firefox / Chrome / Safari / Opera [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
記得當年寫靜態頁時,為了實現高亮都是在每個頁面加不同的樣式,呵.高亮顯示我覺得對於web前端來說,是比較常用到的效果,正好此次又要用到,特地整理出我所寫的兩種高亮類. 其實思路很簡單,第一種方法是通過遍曆連結組的href值,通過indexOf判斷href值是否被包含在瀏覽器當前url值中.此方法有一定局限,比如對於iframe內的菜單是不能這樣判斷的; 第二種方法適用範圍更廣一樣,實現思路也比較簡單,即通過判斷點擊,給點擊項載入高亮樣式. 第一種判斷當前URL值高亮類代碼: 複製代碼 代碼如下:
Time of Update: 2017-01-19
譬如下面。 複製代碼 代碼如下: for(i=0;i<10;i++){//就不寫成: var i=0 alert(i); } 但是,這真的不是個好習慣,下面我就說說為什麼寫Js的for迴圈一定要加var,否則會時不時給你帶來煩人難查的bug。 譬如現在我們要實現這樣的功能:輸出 10 20 30 40 50 60 70 80 90 100
Time of Update: 2017-01-19
說明:讓 IE6 及其以下版本支援 CSS 中 min/max-width/height 屬性 複製代碼 代碼如下: @if (@_win32 && @_jscript_version>4) var minmax_elements; minmax_props= new Array( new Array('min-width', 'minWidth'), new Array('max-width', 'maxWidth'), new
Time of Update: 2017-01-19
查到原因是因為在這些瀏覽器中對第三方的cookie安全驗證比較嚴格,需要確認是使用者主動到第三方網站的,才能讀到cookie,於是加個引導頁面要使用者點擊下才能進入我們的組件。 1,首頁 判斷是否是這些瀏覽器,若是則去引導頁面,其中reflag是判斷是否已經去過引導頁面。若已經引導過就不去引導頁面了。 複製代碼 代碼如下: function safarireload() { var rehref=window.location.href;
Time of Update: 2017-01-19
介紹 解決各個瀏覽器下 擷取dom 元素的 位置 相容性 ie 6 7 8 firefox 3.6 chrome 4.0 目前只測試了這幾個瀏覽器 作者 Jelle · lu QQ:271412542 Email:idche@qq.com blogs:http://www.cnblogs.com/idche/ 源碼說明 jquery 源碼給我很大協助,也用到一個叫 布魯斯 · 李 的同學的源碼,當然更多資源來源於網路。 功能說明 // jelle(elem) 對象 elem傳遞對象ID 或者
Time of Update: 2017-01-19
判斷是否按下的為斷行符號非常簡單: 複製代碼 代碼如下: function EnterPress(){ if(event.keycode == 13){ ... } } IE6的onkeypress會接受"斷行符號事件",而onkeydown不會接受 IE8的onkeypress不會接受"斷行符號事件",而onkeydown會接受 ...不用糾結於此,兩個都寫上吧 複製代碼 代碼如下: <input type="text" onkeypress="EnterPress()"
Time of Update: 2017-01-19
但IE6兩行JS代碼就可以,IE7以上也差不多,只不過出來一個安全提示比較噁心,使用者如果看到了,一定有懷疑; 再但就是Firefox、Chrome等根本就不讓你複製; 記得以前網上有這方面的代碼,找了一下,發現全部不能在firefox3.5以上的版本中應該,最後終於找到了一個,代碼還相當相當的複雜,不太敢用。 最後,憋的實在沒有辦法了,查了查資料,自已寫了一個: 主要的理解的幾個點: 1、Firefox這些瀏覽器,出於安全考慮吧,直接是不讓複製的;
Time of Update: 2017-01-19
要相容IE(element.style.filter = 'alpha(opacity=value)')和非IE(element.style.opacity=value)就可以了。另,還要注意,非IEopaciy的值是0~1之間,IE是1-100。 下面,貼代碼:複製代碼 代碼如下: /** * @projectDescription 動畫(漸顯、漸隱)類 * /** * @projectDescription KINGKIT UI * @date 2010-6-1 *
Time of Update: 2017-01-19
一般大家在處理這種情況,都使用ajax,先把html輸出到用戶端,然後再用ajax取載入比較耗時的資源。用ajax麻煩的地方是增加了請求數,而且需要寫額外的js代碼、和js調用的請求介面。 正對這種情況,還有一種處理方法,就是讓response分塊編碼進行傳輸。response分塊編碼,可以先傳輸一部分不需要處理的html代碼到用戶端,等其他耗時代碼執行完畢後再傳輸另外的html代碼。 分塊編碼(chunked encoding) chunked encoding 是http1.1
Time of Update: 2017-01-19
複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/
Time of Update: 2017-01-19
代碼如下: 複製代碼 代碼如下: var $alertPanel = $( document.createElement("div") ); $alertPanel.css("width","120px").css("height","50px").text("Hello CssRain!"); $('body',parent.document).append($alertPanel); 順著他的意思,我也寫了個Demo,發現確實是這樣。 翻了翻資料,也沒看到類似的問題。
Time of Update: 2017-01-19
如: 複製代碼 代碼如下: <!— Js外掛程式 --> <script type="text/javascript" src="/scripts/popup.js"></script> <script type="text/javascript" src="/scripts/popup-util.js"></script> <!—Jquery外掛程式 --> <script