JavaScript

複製代碼 代碼如下: <script type="text/javascript"> $.fn.silde = function() { var position = function(element) { var top = element.position().top, pos = element.css ("position"); $(window).scroll(function() { var scrolls = $(this).scrollTop(); if

jquery的ajax非同步請求接收返回json資料方法設定簡單，一個是伺服器處理常式是返回json資料，另一種就是ajax發送設定的datatype設定為jsonp格式資料或json格式都可以。程式碼範例如下：複製代碼 代碼如下:$('#send').click(function () {    $.ajax({        type :

1、程式說明1) 此程式可以實現選擇頁面中的地區進行列印，以iframe方式進行列印；2) 與原生態的print() 區別在於，取消列印頁面後可以完整保留當前訪問頁面的內容。2、代碼部分1) JS 函數：複製代碼 代碼如下:function do_print(id_str)//id-str 列印範圍的id{var el = document.getElementById(id_str);var iframe = document.createElement('IFRAME');var doc =

複製代碼 代碼如下: //開啟新頁面並利用post方式傳遞參數 function openNewPageWithPostData(postAddress,opentype,paramNames,paramValues) { var newWindow = window.open(postAddress,opentype); if (!newWindow) { return false; } var

一個完整的例子上文說了那麼多，知識點比較分散，所以最後我打算用一個完整的SeaJS例子把這些知識點串起來，方便朋友們歸納回顧。這個例子包含如下檔案：1.index.html——首頁面。2.sea.js——SeaJS指令碼。3.init.js——init模組，入口模組，依賴data、jquery、style三個模組。由首頁面載入。4.data.js——data模組，純json資料模組，由init載入。5.jquery.js——jquery模組，對

javascript的mouseover和mouseout事件，在繫結元素內部有子項目的情況下， 經過繫結元素時會多次觸發mouseover和mouseout事件。 jquery解決辦法: jquery的mouseenter和mouseleave方法已經修複了這個問題，可以直接用來替代mouseover和mouseout 不過有個mouseenter和mouseleave有個小問題是，讓滑鼠從文檔外直接進入綁定事件的元素時，mouseenter不生效

當使用ajax擷取data資料的時候，直接data.foo就可以得到。而較低版本的jquery就不行比如1.4之前 複製代碼 代碼如下: $.post('/admin/UserBookView.do', {}, function(data) { console.info(data); }); 列印data資訊，顯示的是json格式的字串，如下： 複製代碼 代碼如下:

複製代碼 代碼如下:<script type="text/javascript"> //<![CDATA[  $(function(){      //擷取<p>元素的HTML代碼     

複製代碼 代碼如下: <!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"

複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head>    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

複製代碼 代碼如下: <%@ Page Language="C#" AutoEventWireup="true" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> // 計算資料，完全可以從資料看取得

首先下載jquery.multiselect.js 的外掛程式然後複製下列代碼，只需改下路徑就可以實現可多選下拉框。如果好用還請多多支援！複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

總的來說就是利用 滑鼠移至上方onmouseover   和  滑鼠移除onmouseout 這兩個時間來完成的。首先是HTML 結構複製代碼 代碼如下:<body><div id="div1"><span>側邊欄</span></div></body>然後是css的樣式：複製代碼 代碼如下:#div1{   

巧用get和set，能夠直接操作對象屬性實現讀寫，可以極大的提高編程效率，給出一個典型樣本： 複製代碼 代碼如下: var test = { _Name : null, _Age : 0, //_Name的讀寫 set name(name) {this._Name = name;}, get name() {return this._Name;}, //_Age的讀寫 set age(age) {this._Age = age;}, get age() {return this._Age;} }

colorbox是jquery一個非常好用的彈窗外掛程式，功能十分豐富，使用體驗也很好。colorbox官網：http://www.jacklmoore.com/colorbox/剛才在是用colorbox的時候遇到了一個問題，這個問題以前沒有注意過。以前我都是講這個外掛程式使用在靜態HTML元素中的，今天為動態產生的元素繫結的時候發現不能用了。常規的用法是這樣的：複製代碼 代碼如下:<a class="test" href="test.jpg"

下邊兩種寫法沒有任何區別 只是少了些代碼而已...複製代碼 代碼如下:<input id="cb1" type="checkbox" checked /><input id="cb2" type="checkbox" checked="checked" />jquery判斷checked的三種方法:複製代碼 代碼如下:.attr('checked'):   //看版本1.6+返回:"checked"或"undefined"

後來查了一些相關資料，發現在IE 中通過 window.location.href 或者是 是無法擷取HTTP_REFERER， 真是搞不懂 IE 的瀏覽器，很多瀏覽器啟動並執行很好的東西，它就是不支援，最後沒有辦法，只能PHP偽造來源HTTP_REFERER的方法或者用JS來偽造。IE可以識別的 HTTP_REFERER 提交是通過click 觸發的事件或者是 Form 表單提交的請求，下面是根據網上的資料總結的一個方法：<script>function referURL(url)

前提：項目中開始綁定document click事件， 在document子類的一個a標籤也綁定了click時間， 想要實現效果，就是click事件觸發完成後 document事件不觸發。即組織事件冒泡，加了阻止事件冒泡方法（e.stopPropagation(); e.preventDefault();）也不行，這種現在只有在google下發生，ff不會發生。原因：是超連結的href=“#” 比click晚觸發， 解決：在方法後面加return false;

一、傳統事件模型傳統事件模型中存在局限性。內聯模型以HTML標籤屬性的形式使用，與HTML混寫，這種方式無疑造成了修改以及擴充的問題，已經很少使用了。指令碼模型是將事件處理函數寫到js檔案中，從頁面擷取元素進行對應事件函數的綁定以觸發執行。但也存在不足之處：1.一個事件綁定多個事件監聽函數，後者將覆蓋前者。2.需要限制重複綁定的情況3.標準化event對象二、現代事件綁定DOM2級事件定義了兩個方法用於添加、刪除事件：addEventListener()、removeEventListener(

相比attr，prop是1.6.1才新出來的，兩者從中文意思理解，都是擷取/設定屬性的方法（attributes和properties）。只是，window或document中使用.attr()方法在jQuery1.6之前不能正常運行，因為window和document中不能有attributes。prop應運而生了。既然我們想知道他們兩的區別，最好就看看他們的原始碼，不要被代碼長度所嚇到，我們只看關鍵的幾句：attr: function( elem, name, value, pass ) {