Time of Update: 2013-12-01
JavaScript是基於對象的,任何元素都可以看成對象。然而,類型和對象是不同的。本文中,我們除了討論類型和對象的一些特點之外,更重要的是研究如何寫出好的並且利於重用的類型。畢竟,JavaScript這種流行的指令碼語言如果能夠進行良好的封裝,並形成一個龐大的類型庫,對於重用是非常有意義的。網上對於prototype的文章很多,一直沒明白核心的思想。最後寫了很多例子代碼後才明白:prototype只能用在類型上。以下是一些關於類型和對象的例子,大家看完例子後可能更容易理解類型和對象之間的聯絡:
Time of Update: 2013-12-01
1.js寫txt檔案:最簡單的DEMO:var fso = new ActiveXObject("Scripting.FileSystemObject"); var f = fso.CreateTextFile("desktop.txt", true);var f2 = fso.CreateTextFile("desktop2.txt", true);var f3 =
Time of Update: 2013-12-01
//全選、取消 //stype 匹配選擇 na 是name function Sel(stype,na){ for(var i=0; i<
Time of Update: 2013-12-01
//很有趣的浮動哦,不用太多代碼,和大家分享下<html><head>隨機浮動<style type="text/css">#divimg{/*對圖片進行絕對位置*/position:absolute;}</style></head><body><div id="divimg"><img
Time of Update: 2013-12-01
jQuery的開發速度很快,幾乎每半年一個大版本,每兩個月一個小版本。每個版本都會引入一些新功能。今天我想介紹的,就是從jQuery
Time of Update: 2013-12-01
代碼如下:function numInstring(str){ str=str.replace(/ /ig,""); var strArr=str.split(""); var result=[],beforeLength,afterLength,reg; for(var
Time of Update: 2013-12-01
相比這類的方法已經有很多了,我是因為有次招聘面試的筆試題就是這個,然後回來之後做了下;現在拿出來跟大家分享下,我只是用了一種辦法 牛人們可以就代碼最佳化和實現方法上多做文章;我就不深究下去了!我寫的函數為//使用方法只要把要處理的字串傳入函數中就行了 function numInstring(str) { &
Time of Update: 2013-12-01
結合使用getElementById()和getElementsByTagName()有時候我們可能不希望選中網頁中的所有的段落,而是選中特定部分的段落(或者是其它元素)。其實我們可以借用以上兩個函數來實現,例如如下的代碼就會先找到id為content的元素,再進一步選中它內部的段落。cparas =
Time of Update: 2013-12-01
IE8.0 顯示本地圖片 img.src=本地圖片路徑 是無效,只能通過div來完成 。IE7,IE8是放在 <div id="imgPreview"></div>裡的。 FIREFOX是可以直接設定<img id="img1"/>裡的圖片。<html><head><title>js圖片上傳預覽</title><script>function
Time of Update: 2013-12-01
今天將和大家一起討論下Jquery event handle,(事件處理),瞭解事件處理機制有助於我們更好的運用Jquery進行編程,更靈活的處理我們的要處理的內容和簡化我的的事件處理代碼,來瞭解下JQuery的simple event handle mechanism(簡單事件處理機制)
Time of Update: 2013-12-01
視窗是Web瀏覽器中最重要的介面元素,JavaScript提供了許多操作視窗的工具,JavaScript處理視窗的方式與處理架構很相似(因為架構是位於總瀏覽器視窗中的文件視窗)。 今天學習了如何使用JavaScript開啟關閉,更新和錨定視窗,如何使用JavaScript將資訊寫入視窗,從而可以在運行時構建網頁。 (一)開啟新視窗[html]<html
Time of Update: 2013-12-01
比如一個網頁的聊天室,捲軸會隨著內容的增加自動往下滾動。當使用者滑鼠在捲軸上按下的時候,我們可以假設他(她)正在瀏覽聊天內容,那麼這個時候好的使用者體驗就不能讓捲軸再自動滾動了。為了實現這個功能,可能大家首先會想到的就是mouse down 和 mouse up事件了。可是具體實現的時候我們會發現在捲軸上按下滑鼠左鍵再鬆開的時候,捕獲不到mouse up了。如下面例子<html>
Time of Update: 2013-12-01
<!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-
Time of Update: 2013-12-01
Jquery外掛程式筆記active 預設展開的面板animated 面板展開動畫效果autoHeight面板的高度是否被是自動增高fillSpace 填充到父元素Icons表徵圖的位置 header表示預設的效果Sortable axis表示在那可以拖拽 預設為x、y軸Fx:{opacity表示透明度}Disabled:[1]面板不可用autoOpen設定對話方塊自動延伸的方式Show開啟時的動畫效果Hide關閉時的動畫效果Modal遮罩效果
Time of Update: 2013-12-01
Javascript定義了4種迴圈,分別是for,while,do-while及for-in。前三種迴圈的效能相差不大,但是for-in迴圈效能非常差,它在每次迴圈執行時,需要遍曆對象中的所有屬性包括從原型鏈繼承而來的,至於它的效能到底有多少糟糕以下是Chrome18下的測試(用YUI Profiler做分析工具,如果不會用它可見我之前寫的 Javascript效能分析——工具(YUI Profiler)上)http://www.bkjia.com/kf/201204/1
Time of Update: 2013-12-01
//htmlregister.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
Time of Update: 2013-12-01
近在幾個群上經常看到有人問在一個類裡的一個 function 怎麼調用 this. 定義後公開的方法。現發一篇類實現的隨筆。首先說說類,在一個類裡我們會有以下的幾個特徵:1. 公有方法2. 私人方法3. 屬性4. 私人變數5. 建構函式我們直接看一個例子:/***定義類***/var Class = function(){ var _self = this;//把本身引用負值到一變數上 var
Time of Update: 2013-12-01
[javascript]//動態內容區JS by 塵絮緣 2012 qq:80213876 (function ($) { var defaults = { container: ".dynamicCon",
Time of Update: 2013-12-01
[html]<p><span style="font-size: 18px; ">製作論壇用到的輸入框~想模仿百度之類的寫一個自動匹配字元~</span></p><p><span style="font-size: 18px; ">但是遇到一個問題~所有匹配的字元要事先寫好~大概如果是大型網站的話~應該是利用資料庫的記錄吧</span></p><p>
Time of Update: 2013-12-01
其實很多或者說大部分CSS檔案對網頁的描述都是以外部CSS的身份出現的,所以當需要做一些需要JS改變CSS而出現的動態效果的時候,JS不得不去訪問外部CSS,下面我們就來探討一下JS訪問外部CSS的例子。這個例子就是點擊按鈕觸發事件來改變DIV的背景顏色。首先請看CSS檔案[css].style1{ width: 400px; height: