Time of Update: 2014-04-23
一段js代碼遇到一個bug,由於中間的隱式全域變數造成的, 由於代碼較多,通過Google瀏覽器的js調試器才找到問題所在, 話說本人的電腦無論如何都裝不上fiefox,從去年開始嘗試了多次,均以失敗告終, 不過Google的調試也挺好用的。 簡化代碼如下: 複製代碼 代碼如下: $(function(){ var pageNo = 2;//這個參數是變化的 var pageSize = 10; test(); paginate(pageNo,pageSize);//由於 test()
Time of Update: 2014-04-23
下了個分頁外掛程式用,網上下載下來的demo在各ie版本下有點差別,但是還是可以用。 但是在我的頁面中則不能正常顯示。可能是因為div嵌套過多或者position定位造成的。 我改了下源碼基本可以在ie7,ie8,ie9正常顯示。以下是部分源碼。發現用別人的東西出了問題很難搞啊。關鍵是那個ie啊。 複製代碼 代碼如下: var bVer = navigator.appVersion; var ver ; if(bVer.indexOf('MSIE 7.0') > 0){ ver =
Time of Update: 2014-04-23
下面要展示的網站,不單止去除了所有多於的設計項目,並且成功的運用現如今流行的設計趨勢,比如超大的文字和圖片,簡單而有效導覽功能表,連續滾動,別出心思的互動元素,以及最新的響應式設計。這些的設計方式最終的目的都是方便訪客最好的去瀏、閱讀覽網站的內容。1、Another Pony
Time of Update: 2014-04-23
看本文得先瞭解以下幾個事件(摘自w3c)。 blur事件: 當元素失去焦點時發生 blur 事件。 focus事件:focus() 方法用於賦予文本域焦點(也值讓某些元素得到焦時間點事件)。 tabIndex屬性:tabIndex 屬性可設定或返回按鈕的 tab 鍵控制次序。 我們都知道blur只是針對form表單控制項的,而對於 span , div , li 之類的,則沒辦法觸發它們的動作,現在我們只需要設定一個tabindex屬性則可以觸發它們的焦時間點事件了。 真實項目代碼: 複製代碼
Time of Update: 2014-04-23
在mvc地區的裡 實現post 提交資料 的js寫法! 複製代碼 代碼如下: $("#btnSava").click(function () { if ($("#text").val()=="") { alert("請輸入你要說的話!~!"); } else { $.post("/control/action", { id: $("#text").val()}, function (data) { if (data == 0) { alert("發表成功,我們會儘快通知直銷商回複");
Time of Update: 2014-04-23
工作中遇到需要給輸入框中選中的內容增加超連結 複製代碼 代碼如下: function addHref(des){ var selectedText=""; if(window.getSelection&&des != undefined){//相容非IE瀏覽器,由於非IE瀏覽器需要給定操作的元素ID才可以擷取輸入元素中選中的內容,因此需要輸入ID var textField=document.getElementById(des); var
Time of Update: 2014-04-23
在JavaScript中,函數是一等公民,函數在JavaScript中是一個資料類型,而非像C#或其他描述性語言那樣僅僅作為一個模組來使用。函數有四種調用模式,分別是:函數調用形式、方法調用形式、構造器形式、以及apply形式。這裡所有的調用模式中,最主要的區別在於關鍵字 this
Time of Update: 2014-04-22
擷取XmlHttpRequest對象 複製代碼 代碼如下: //1 function getXMLHttpRequest() { var xmlHttpReq; try { // Firefox, Opera 8.0+, Safari xmlHttpReq = new XMLHttpRequest(); } catch (e) { try {// Internet Explorer xmlHttpReq = new ActiveXObject("Msxml2.XMLHTTP"); }
Time of Update: 2014-04-23
這帶來的好處是內建函式可以訪問定義它們的外部函數的參數和變數。首先,我們來構造一個簡單的對象。複製代碼 代碼如下:var testObj = { value: 10, add: function(inc){ this.value += (typeof inc === "number") ? inc : 1;
Time of Update: 2014-04-22
部分代碼如下 複製代碼 代碼如下: <form id="fm" method="post" novalidate> <div style="height:26px" class="fitem"> <label>地區:</label> <input class="easyui-combobox" id="areaId" name="areaId" url="getAreasList" //可以從後台得到資料 valueField="id"
Time of Update: 2014-04-23
iframe高度設定為子頁面高度 複製代碼 代碼如下: //需要使用Jquery $(document).ready(function () { parent.document.getElementById("ifPage").style.height = document.body.scrollHeight + "px"; }); iframe高度自適應於父頁面 複製代碼 代碼如下: //需要使用Jquery $(window).resize(function () { var
Time of Update: 2014-04-22
我是搞PHP的,讓我想起了<<<文法(heredoc和nowdoc),那麼就為他命名heredoc吧。 複製代碼 代碼如下: Function.prototype.heredoc = function(){ // 利用 function 的注釋來儲存字串,而且無需轉義。 var _str = this.toString(), s_pos = _str.indexOf("/*")+2, e_pos = _str.lastIndexOf("*/"); return
Time of Update: 2014-04-21
一個普通的javascrip函數,只有一個入口參數 複製代碼 代碼如下: function test(info) <img none';="" document.getelementbyid('_20_37_open_text').style.display="none" ;="" document.getelementbyid('_20_37_closed_image').style.display="inline"
Time of Update: 2014-04-21
trigger 和triggerHandler都是類比事件發生的 用具體的案例來描述一下區別 複製代碼 代碼如下: <html lang="en"> <head> <meta charset="utf-8"> <title>test</title> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> </head>
Time of Update: 2014-04-21
JavaScript 載入器在 Web 開發中是非常強大和有用的工具。目前流行的幾個載入器,像 curljs、LABjs 和 RequireJS 使用都很廣泛。他們功能強大的,但有些情況下可以有更簡單的方案。 如果你正在使用 jQuery,有一個內建的方法可以用來載入指令碼。如果你想消極式載入外掛程式或任何其他類型的指令碼,都可以使用這種方法。下面給大家介紹如何使用它。 實現方法 jQuery 內建有 getScript 方法來載入一個指令碼,處理返回的結果可以有幾種方法來實現。最基本的用法
Time of Update: 2014-04-21
自從發現可程式化的css文法 Sass和基於Sass的css庫compass 一個給我的感覺像c# 另外一個給我的感覺像.NET Framework,一切都為了提升開發效率和降低開發大型web的門檻。 當web開發趨勢邁進WebApi+Js 時代,compass和Sass 會不會成為web開發的標配?這個得實際開發檢驗下. 預先處理 當web網站變的越來越複雜。 先是html 複雜了----》動態程式設計語言解決方案 js複雜了---》jq和dojo 等解決方案
Time of Update: 2014-04-21
先必須要引用一個js jquery.cookie.js 1,首先寫入jsCookied 複製代碼 代碼如下: //瀏覽記錄 寫入JSCookied 開始 var img=$("#ProductImgurl").attr("jqimg"); var name=$("#ProductDetail_ctl00_LabelName").text(); var url=location.href; var
Time of Update: 2014-04-22
關於js擷取flash對象,網上有非常多的例子,我也嘗試了不少方法。 雖然都能用,但是沒有我最想要的東西, 後來看了下百度的,雖然很規範,各種情況都考慮到了,但是代碼量卻不是不容樂觀, 前前後後將近20行代碼,壓縮後也有 864 個位元組。 所以本文誕生了。 我想測試並分享下網上收集的幾種我比較滿意的方法。 也順便請大家幫忙測試下相容性,有不相容的在下面留個言,最好寫上瀏覽器版本,這樣我也好測試並修複代碼。 下面來看代碼吧。 複製代碼 代碼如下: function
Time of Update: 2014-04-21
實現這樣一個基本需求,頁面有很多資料,可以刪除一條或多條,刪除前判斷是否選中至少一條,否則提示。 複製代碼 代碼如下: function deleteUser() { //當時是想把內容以str+=""的方式 進行儲存 ,但不行 //var str; var array = new Array(); //用於儲存 選中的那一條資料的ID var flag; //判斷是否一個未選 $("input[name='selectFlag']:checkbox").each(function() { //
Time of Update: 2014-04-21
雖然jquery流行已經很多年了,一直都感覺很難,也沒有花時間去學習它,只是偶爾哪天心血來潮了去看一點點,時隔多日又會忘得一乾二淨。最近用到表格奇偶行不同色,不得不去再看jquery,雖然感覺還是難,但已經不像以前一樣無從下手了。做完後不得不來感歎一下jquery真是太牛了,不用自己再寫一大堆javascript函數去實現了,簡單幾句輕鬆搞定。 先定義好表格的奇偶行樣式,如下代碼: 複製代碼 代碼如下: body { font-size:12px; } th { color: #FFFFFF;