其他

最近要在項目中使用Knockoutjs，因此今天就首先研究了一下Knockoutjs的環境搭建，並進行了一個簡單的測試。 首先要到http://knockoutjs.com/index.html下載最新版本的Knockoutjs，筆者這裡下載的是knockout-2.2.0.js。然後建立一個.html檔案，在html文檔中加入以下的語句匯入此js： <script type="text/javascript" src="knockout-2.2.0.js"></script&

1.JS中的是是非非 JS是一門電腦程式設計語言，是一門動態語言也稱為指令碼語言，是解析型程式設計語言。為什麼是指令碼？因為他本身不能執行，就是沒有main函數或主程式的入口，必須被他的宿主環境，也就是解析環境解析執行他。為是什麼是解析型？因為JS不會進行編程，連結，彙編等一系統的過程產生某個檔案，再執行，他就是以字串形式載入執行.. 2.JS中的真真假假 空，null,undefined,false,0,””,'',NaN都為假,其他都為真 3.函數，類，對象，構造器有什麼區別?

js拖拽 採用簡單的閉包實現方式 複製代碼 代碼如下: /** * Created with JetBrains WebStorm. * User: lsj * Date: 12-11-24 * Time: 下午12:59 * To change this template use File | Settings | File Templates. */ var dragmanager=(function() { //標識移動元素z軸座標 var index_z=1; //當前的拖拽元素

本文執行個體講述了jQuery製作簡單柱狀圖的方法。分享給大家供大家參考。具體實現方法如下：Html部分：複製代碼 代碼如下:<head>  <title>柱狀圖</title>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <link href="css.css" type="text/css"

本文執行個體講述了jquery複選框多選賦值給文字框的方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:<!DOCTYPE html>  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <title>jquery點擊複選框觸發事件給input賦值</title><base target="_blank" /> 

本文執行個體講述了JQuery中的事件及動畫用法。分享給大家供大家參考。具體分析如下：1.bind事件複製代碼 代碼如下:<script src="script/jquery-1.7.1.min.js"></script><script>$(function () {$("#divid h5.head").bind("click", function () {  //bind事件，其中包含三個參數，第一個為事件，第二個為事件alert($(this)

本文執行個體講述了限制上傳檔案大小和格式的jQuery外掛程式。分享給大家供大家參考。具體分析如下：在用戶端上傳檔案，通常需要限制檔案的尺寸和格式，最常用的做法是使用某款外掛程式，一些成熟的外掛程式的確介面好看，且功能強大，但美中不足的是：有時候會碰到瀏覽器安全色問題。本篇就來寫一個"原生態"的jQuery外掛程式，使之能限制上傳檔案的大小和格式。首先，寫一個名稱為checkFileTypeAndSize.js的外掛程式。通過判斷當前檔案的尾碼名是否被包含在預先設定所允許的尾碼名數組中，來限制檔

本文執行個體講述了jQuery中DOM操作的方法。分享給大家供大家參考。具體分析如下：這裡主要設計的dom操作包括：dom對象的建立(JS方式和jquery方式)、屬性的修改、樣式的修改、動態綁定事件代碼如下：複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><script type="text/javascript"

代碼很簡單，這裡就不多廢話了，直接奉上：複製代碼 代碼如下:$(function(){      var w=0,tip=$("<b>");      tip.css({  

本文執行個體講述了Jquery動態替換div內容及動態展示的方法。分享給大家供大家參考。具體分析如下：一、問題：項目中需要在後台拼接html然後在前台通過ajax展示到div中：複製代碼 代碼如下:sys_ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){       //這裡可以正確的展示html內容   &

複製代碼 代碼如下:<script type="text/javascript"> var a = "testthisprojecthelloworld!"; var b = {}; var c = null; for (var i in a) { !isNaN(b[a[i]]++) || (b[a[i]] = 1); c = b[a[i]] > c ? a[i] : c; } alert(c + ":" + b[c]);

目標 使用Emberjs製作一個簡單的Todo應用，實現這樣一個效果：通過在文字框輸入文本，建立一條代辦事項，代辦事項可以選擇優先順序，完成的事項可以刪除。 準備 完成這個應用，需要做點準備： 1、建立一個html頁面，暫時不管樣式； 2、指令碼：emberjs，handlebars、jQuery。這三個指令碼可以從網上獲得，我們將把他們加入到head標籤裡去。 製作 建立頁面，加入指令碼，就可以開始製作應用。html代碼如下： 複製代碼 代碼如下: <!doctype html>

這裡是seajs loader的核心部分，有些IE相容的部分還不是很明白,主要是理解各個模組如何依賴有序載入，以及CMD規範。 代碼有點長，需要耐心看： 複製代碼 代碼如下: /** * The core of loader */ ;(function(seajs, util, config) { // 模組緩衝 var cachedModules = {} // 介面修改緩衝 var cachedModifiers = {} // 編譯隊列 var compileStack = [] //

html: 複製代碼 代碼如下: <h3>請單擊“提交”，測試提交按鈕的單擊事件也被觸發了。</h3> <button id="btn">提交</button> <form action="#" method="get" id="form"> <input type="text" name="site" value="www.woiweb.net" readonly/> <input id="subbtn" type=

概述： 事件對於控制項來說至關重要，控制項的訊息通訊機制使用事件的成本最低，但是對於JS控制項來說有一些麻煩需要解決，JS類本身不支援事件，DOM模型支援的事件僅適應於瀏覽器的DOM節點。所以建立一套事件是我們寫控制項之前要做的。 事件機制 對於事件的機制我不想多說，各種語言中對事件的描述都很具體，都是觀察者模式的一種實現，我們可以從中抽取出事件必須的介面（由於控制項陳列庫是基於jQuery 所以介面跟jquery保持一致）： 1.on: 綁定事件 2.off: 刪除事件 3.fire:

JS控制項的生命週期跟其他平台UI的生命週期類似，但是又有自己的特點，我們只有將控制項的生命週期劃分清晰，所有的控制項編寫、mixins的編寫和plugin的編寫才能遵循控制項的生命週期做統一的管理。在這裡我把JS的生命週期定義為4部分： 1.initializer: 初始化，做一些不牽扯DOM操作的初始化操作 2.createDom: 建立 DOM，在這個過程中我們建立控制項需要的DOM結構 3.renderUI: 產生控制項的內部元素，在這裡調用子控制項的渲染方法，開啟子控制項的生命週期 4

新的一天新的開始，今天要分享的是用JQuery模仿蘋果作業系統案頭的Dock效果，之所以稱之為初級版，是因為其中還有一些bug，顯示效果並不穩定。由於時間的關係，這些bug還沒有修複，希望高手們不吝賜教，提出更好的意見，希望可以做出更好的版本分享給大家。這是靜態效果圖，好吧，看上去還想模像樣下面是HTML頁面的代碼：複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4

首先用css的偽類：focus可以改變。 文字框的 html代碼假設如下： 複製代碼 代碼如下: <dl> <dt>Name: <dt> <dd><input type="text" /></dd> <dt>Password: <dt> <dd><input type="password" /></dd> <dt>Textarea: <dt>

複製代碼 代碼如下: function initialize() { addcloud(); //為頁面添加遮罩 document.onreadystatechange = subSomething; //監聽載入狀態改變 } function addcloud() { var bodyWidth = document.documentElement.clientWidth; var bodyHeight =

滑鼠事件 滑鼠移動到目標元素上的那一刻，首先觸發mouseover 之後如果游標繼續在元素上移動，則不斷觸發mousemove 如果按下滑鼠上的裝置(左鍵,右鍵,滾輪……)，則觸發mousedown 當裝置彈起的時候觸發mouseup 目標元素的捲軸發生移動時(滾動滾輪/拖動捲軸。。)觸發scroll 滾動滾輪觸發mousewheel，這個要區別於scroll 滑鼠移出元素的那一刻，觸發mouseout 事件註冊 平常我們綁定事件的時候用dom.onxxxx=function(){}的形式