Time of Update: 2017-01-18
本文譯自:http://www.webreference.com/programming/javascript/mk/column2/index.html所有著作權歸原文所有Javascript的特點是dom的處理與網頁效果,大多數情況我們只用到了這個語言的最簡單的功能,比如製作圖片輪播/網頁的tab等等,這篇文章將向你展示如何在自己的網頁上製作拖拽.有很多理由讓你的網站加入拖拽功能,最簡單的一個是資料重組.例如:你有一個序列的內容讓使用者排序,使用者需要給每個條目進行輸入或者用select選擇
Time of Update: 2017-01-18
測試 測試表格測試表格測試表格測試表格文字 [Ctrl+A 全選
Time of Update: 2017-01-18
做中英轉換的時候,要準確的擷取參數並取出,所以做了一個簡單的html中用js擷取當取地址欄的一個Object。 裡面有三個方法: 1、request.QueryString("參數")//擷取指定參數,返回字串; 2、request.QueryStrings();//擷取全部參數,並返回數組; 3、request.setQuery("參數","參數的值");//如果當前地址欄有此參數,那麼將更新此參數,否則返回一個新的地址欄參數字串。 例如:
Time of Update: 2017-01-18
function getEmail(email){ var r = ""; for (i=0;i<email.length;i++) { r += "" + email.charCodeAt(i); } return
Time of Update: 2017-01-18
事件來源對象 event.srcElement.tagName event.srcElement.type 捕獲釋放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按鍵 event.keyCode event.shiftKey event.altKey event.
Time of Update: 2017-01-18
一、屏蔽鍵盤所有鍵<script language="javascript"><!--function document.onkeydown(){event.keyCode = 0;event.returnvalue = false;}--></script> 二、屏蔽滑鼠右鍵 在body標籤裡加上oncontextmenu=self.event.returnvalue=false 或者:<script
Time of Update: 2017-01-18
本文執行個體講述了javascript基於原型鏈的繼承及call和apply函數用法。分享給大家供大家參考,具體如下:1.
Time of Update: 2017-01-18
--前言--window對象的alert和confirm標準方法在不同瀏覽器的顯示效果不太相同,有個相同點是都不是很美觀。我們的想法是使用js和css分別仿照它們,提供另一套函數,使在不同瀏覽器的有著相同的體驗效果。 --設計思路--為了保留原有的alert和confirm方法,我們不直接替換window對象的alert和confirm,而是建立一個win對象,該對象下有alert、confirm、open、close等。win.alert等的對話方塊彈出層,使用iframe作底層,確
Time of Update: 2017-01-18
大致介紹拖拽改變元素大小是在類比拖拽上增加了一些功能拖拽改變元素大小原理首先這個方塊得知道我們想要改變這個它的大小,所以我給它設定一個範圍,當點擊這個範圍時表明我們想要改變它的大小當我們點擊方塊的這些紅色地區時,方快就知道我們想要改變它的大小代碼實現:// 擷取event對象,相容性寫法 var ev = ev || event; // 滑鼠按下時的位置 var mouseDownX = ev.clientX; var mouseDownY =
Time of Update: 2017-01-18
Label 語句,按書本上說的文法是: Label: statement 如: begin: for (var i = 0; i < 10 ; i++ ){ alert(i); }舉一個比較典型的例子,看完後即明白 Label 的應用:(未添加 Label) var num = 0; for (var i = 0 ; i < 10 ; i++){ for (var j = 0 ;
Time of Update: 2017-01-18
本文執行個體總結了javascript中對象的定義、使用以及對象和原型鏈操作。分享給大家供大家參考,具體如下:1. 除了5種基本類型外,JS中剩下的就是對象(1)對象的定義:直接定義:var test={x:1,y:1}new方式建立:var test=new Object({x:1})Object.create方式:var test=Object.create({x:1})(2)對象上的賦值與取值舉例:var
Time of Update: 2017-01-18
背景與問題別人寫了一個Web應用程式,使用的是ASP.NET Forms技術。其中用到了一個DropdownList控制項,使用者選擇了某項後,頁面會回傳,然後在下面再動態顯示另外一個控制項,邏輯很簡單。這是產生的的部分的html源碼:複製代碼 代碼如下:<select name="eventTypeDropDown" id="eventTypeDropDown"
Time of Update: 2017-01-18
10、mootools.js的寫類方式 mootools.js的最新版本是1.2.3,這裡使用的是1.2.0。mootool被設計成非常緊湊的,模組化的,物件導向的的js庫。mootool中寫類用Class類。Class類由Native類new出來的: 複製代碼 代碼如下:/* *Script: Class.js */ var Class = new Native({ name: 'Class', initialize: function(properties){ properties =
Time of Update: 2017-01-18
8、Ext.js的寫類方式 這裡用的是Ext core3.0,Ext中用Ext.extend來定義一個類(當然它更多用來擴充一個類),Ext整個架構各種控制項如Panel,MessageBox等都是用Ext.extend方法來擴充。這裡僅僅用它來定義一個最簡單的類。 看Ext.extend的代碼可得知,它仍然是用建構函式和原型來組裝一個類。 這裡只需傳兩個參數即可,第一個參數是根類Object,第二個是原型。 複製代碼 代碼如下:/** * Person類 * @param {Object}
Time of Update: 2017-01-18
這裡給大家提供一個好用的JS寫的倒計時頁面,就像一些網站上點提交後出現的倒計時頁面類似。頁面代碼簡單,直接拷貝就能運行,頁面可以自己美化下。<!--這裡定義倒計時開始數值--><span id="totalSecond">5</span><!--定義js變數及方法--><script language="javascript" type="text/javascript">var second =
Time of Update: 2017-01-18
話不多說,請看執行個體代碼<!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" content="text/
Time of Update: 2017-01-18
在js中,this關鍵字是一個比較讓人有意思的東西,但是它的指向經常讓初學者摸不著頭腦。 其實要理解這個關鍵字,需要理清兩個問題——“方法的調用和方法的觸發” 下面先看一段代碼<!DOCTYPE html><html><head><meta charset="utf-8"><title>function</title><script>function showThis(){
Time of Update: 2017-01-18
作為外部模組,調用的方法和mysql模組是相同的,不再贅述。ejs的render函數有兩個參數 第一個是字串,第二個是可選的對象,和其他javascript模版一樣需要渲染的資料也是包含在option對象中的ejs.render(str,option); // 渲染字串 str 一般是通過nodejs檔案系統的readfile方法讀取 ejs.render(str,{ data : user_data // 需要渲染的資料 }); 當str字串中沒有包含 include
Time of Update: 2017-01-18
開篇從'嚴格'意義上說,javascript並不是一門真正的物件導向語言。這種說法原因一般都是覺得javascript作為一門弱類型語言與類似java或c#之類的強型語言的繼承方式有很大的區別,因而預設它就是非主流的物件導向方式,甚至竟有很多書將其描述為'非完全物件導向'語言。其實個人覺得,什麼方式並不重要,重要的是是否具有物件導向的思想,說javascript不是物件導向語言的,往往都可能沒有深入研究過javascript的繼承方式,故特撰此文以供交流。為何需要利用javascript實現繼承
Time of Update: 2017-01-18
1.原型鏈繼承:建構函式、原型和執行個體的關係:每個建構函式都有一個原型對象,原型對象都包含一個指向建構函式的指標,而執行個體都包含一個指向原型對象的內部指標。確認原型和執行個體之間的關係用instanceof。原型鏈繼承缺點:字面量重寫原型會中斷關係,使用參考型別的原型,並且子類型還無法給超類型傳遞參數function Parent(){ this.name='mike'; } function Child(){ this.age=12; } //兒子繼承父親(原型鏈)