Time of Update: 2015-12-28
IE6-IE9使用JSON、table.innerHTML所引發的問題, 一、在IE相容模式中以及各具有IE核心的瀏覽器安全色模式中使用 jQuery 中的JSON函數時出現“JSON未定義” 而切換到瀏覽器高速模式則正常顯示解決方案 : 1.直接在使用的頁面中引入json2.js (https://github.com/douglascrockford/JSON-js/blob/master/json2.js)引入方法不再贅述。2.在頁面的公用js方法裡判斷
Time of Update: 2015-12-28
JS設定下拉式清單方塊當前所選值的方法,本文執行個體講述了JS設定下拉式清單方塊當前所選值的方法。分享給大家供大家參考,具體如下:1. JS代碼:function setSelectOption(objId, targetValue){//objid:下拉式清單方塊的ID;targetValue:當前所選值 var obj = document.getElementById(objId); if(obj){ var options = obj.options; if(options){
Time of Update: 2015-12-28
對象題目的一個坑 理解Javascript對象,這一篇的例子,主要是來引起對Javascript對象的理解及注意的。其實是一種面試時的一個坑,實際項目中也是很少用得到,但是為了提高警惕性,我們來看這個例子:代碼名稱var first = {};var second = {k:"second"};var third = {k:"third"};first[second] = 100;first[third] = 200;console.log(first[second])//這裡會輸出什麼內容呢&
Time of Update: 2015-12-28
點評js非同步載入的4種方式,js非同步載入的4種方式,點評開始。方案1:$(document).ready<!DOCTYPE html><html> <head> <script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script> <script
Time of Update: 2015-12-28
基於jquery實現滑鼠左右拖動滑塊滑動附源碼下載,在沒步入本文之前,先給大家貼,看看是不是您想要的效果:線上示範 源碼下載基於jQuery移動端滑塊拖動設定代碼。這是一款支援手機移動端的特效,可拖動滑區塊範圍選取器,拖動滑塊數值選取器。廢話不多說了,直接給大家貼代碼了。html代碼:<div class="demo"> <input type="hidden" class="single-slider" value="0" /> <!--
Time of Update: 2015-12-28
詳解JavaScript時間格式化,感謝某前輩寫的JS格式化日期和時間JS代碼,很好很強大!!!前言: js雖然提供了各種擷取時間Date對象的不同屬性方法,如:getDate 方法 | getDay 方法 | getFullYear 方法 | getHours 方法 ... ...
Time of Update: 2015-12-28
JQuery實現的按鈕倒計時效果,本文執行個體講述了JQuery實現的按鈕倒計時效果。分享給大家供大家參考,具體如下:一個實現了在按鈕上顯示倒計時,倒計時完畢自動將按鈕設定為停用效果,具體代碼如下:<html><head><title>test count down button</title><script src="jquery1.8.3.min.js" type="text/javascript"></script>&
Time of Update: 2015-12-28
AngularJS 日期格式化詳解,AngularJS是為了克服HTML在構建應用上的不足而設計的。HTML是一門很好的為靜態文本展示設計的聲明式語言,但要構建WEB應用的話它就顯得乏力了。所以我做了一些工作(你也可以覺得是小花招)來讓瀏覽器做我想要的事。AngularJS的日期格式化有兩種形式,一種是在HTML頁面,一種是在JS代碼裡,都是用到AngularJS的過濾器$filter。 HTML: date_expression 即
Time of Update: 2015-12-28
jQuery中的siblings用法執行個體分析,本文執行個體講述了jQuery中的siblings用法。分享給大家供大家參考,具體如下:所謂siblings,英文翻譯就是兄弟節點。那麼故名思意,就是拿到某元素的兄弟節點(不包括自己)。<html><head> <script type="text/javascript"
Time of Update: 2015-12-28
JQuery標籤頁效果執行個體詳解,本文執行個體講述了JQuery標籤頁效果實現方法。分享給大家供大家參考,具體如下:第一個標籤頁中滑鼠滑過顯示不同的標籤頁,第二個標籤頁中點擊不同標籤載入其他頁面中的內容,載入等待的圖片緩慢隱藏,如下:/WebRoot/4.Tab.html:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><
Time of Update: 2015-12-28
基於JS2Image實現聖誕樹代碼,馬上聖誕節了,作為一名程式猿,如何體現自己獨特的過節風格,如何在朋友圈發一張專屬自己的祝福照片我覺得很有必要,你們說是不是。談到聖誕節,話說程式猿和聖誕之間的關係還有這麼一個笑話:Q:程式員為什麼總是將萬聖節和聖誕節弄混?A:因為oct 31==Dec
Time of Update: 2015-12-28
jQuery中hover與mouseover和mouseout的區別分析,本文執行個體分析了jQuery中hover與mouseover和mouseout的區別。分享給大家供大家參考,具體如下:以前一直以為在jquery中其實mouseover和mouseout兩個事件等於hover事件。兩個沒什麼區別,應該是一樣的。但昨天一個動畫效果才讓我見識了,這兩個並不能等同。<div class="wrapper"><div
Time of Update: 2015-12-28
理解javascript中DOM事件,首先,此文不討論繁瑣細節,但是考慮到讀者的心靈感受,本著以積極向上的心態,在此還是會列舉樣本說明。標題為理解DOM事件,那麼在此拿一個簡單的點擊事件為例,希望大家看到這個例子後能觸類旁通。最初我們給頁面實現點擊,就像下面這樣的簡單操作。先定義一個塊如<div id="weiyuzhou">微宇宙</div>,之後在<script
Time of Update: 2015-12-28
學習JavaScript滑鼠響應事件,本文為大家分享了一個簡單的滑鼠類比案例,供大家參考,具體實現內容如下如何?捕抓滑鼠事件,當滑鼠滑動時,擷取當前滑鼠的座標,接著在一個透明地區裡綁定捕抓的位移,這樣就能在類比的透明地區裡實現滑鼠滑動的模型。:HTML代碼:<!DOCTYPE html><html > <head> <meta charset="UTF-8"> <title> the mouse </title>
Time of Update: 2015-12-28
使用堆實現Top K演算法(JS實現),先來聊一聊Top K演算法,具體內容如下應用情境: 搜尋引擎會通過記錄檔把使用者每次檢索使用的所有檢索串都記錄下來,每個查詢串的長度為1-255位元組。
Time of Update: 2015-12-28
JQuery datepicker 用法詳解,jQuery UI很強大,其中的日期選擇外掛程式Datepicker是一個配置靈活的外掛程式,我們可以自訂其展示方式,包括日期格式、語言、限制選擇日期範圍、添加相關按鈕以及其它導航等。官方地址:http://docs.jquery.com/UI/Datepicker,官方樣本: http://jqueryui.com/demos/datepicker/。一個不錯的地址,用來DIY jQuery
Time of Update: 2015-12-28
詳解Document.Cookie,具體來說cookie機制採用的是在用戶端保持狀態的方案,而session機制採用的是在伺服器端保持狀態的方案。同時我們也看到,由於採用伺服器端保持狀態的方案在用戶端也需要儲存一個標識,所以session機制可能需要藉助於cookie機制來達到儲存標識的目的,但實際上它還有其他選擇。設定cookie 每個cookie都是一個名/值對,可以把下面這樣一個字串賦值給document.cookie:document.cookie="
Time of Update: 2015-12-28
基於jquery實現圖片相關操作(重繪、擷取尺寸、調整大小、縮放),本文為大家分享了四個jquery圖片常見操作,供大家參考,具體內容如下1、關於圖片大小的重繪,你可以在服務端來實現,也可以通過JQuery在用戶端實現。$(window).bind("load", function() { // IMAGE RESIZE $('#product_cat_list img').each(function() { var maxWidth = 120; var
Time of Update: 2015-12-28
jquery實現圖片預先載入,使用jquery實現圖片預先載入提高頁面載入速度和使用者體,本就為大家詳細分析jquery圖片預先載入的實現原理。什麼時候使用圖片預先載入?如果頁面使用了很多不是最初載入便可見的圖片,有必要進行預先載入:$.preloadImages = function () { for (var i = 0; i < arguments.length; i++) { $('img').attr('src', arguments[i]);
Time of Update: 2015-12-28
不得不分享的JavaScript常用方法函數集(下),本文中,收集了一些比較常用的Javascript函數,希望對學習JS的朋友們有所協助。22. 替換元素$(document).ready(function() { $('#id').replaceWith('<DIV>I have been replaced</DIV> ');});23. jQuery延時載入功能$(document).ready(function() {