Javascript 擷取捲軸位置等資訊的函數

其實這段代碼在之前的 “ 用 Javascript 實現錨點(Anchor)間平滑跳轉” 一文已經介紹過了,但是由於這個需求並且經常用到,因此,本站專門發布此文介紹,方便查閱。 複製代碼 代碼如下:<script type="text/javascript"> // 說明:用 Javascript 擷取捲軸位置等資訊 // 來源 :ThickBox 2.1 function getScroll() { var t, l, w, h; if

javascript 流暢動畫實現原理

當然考慮到瀏覽器(特別指IE)糟糕的js執行能力,動畫效果又要受到影響。 瀏覽器中的動畫效果主要依靠js來動態改變Dom元素外觀來形成。不過據說css正在修鍊這方面的能力哦。(拭目以待^_^) 我們需要周期性的改變dom元素的外觀,這個周期性就要依靠setTimeout()和setInterval()來完成。 它們2個哪一個更好點呢 見這裡 (是jquery的作者寫的一個文章) 我個人比較偏向setInterval,setTimeout需要用遞迴調用而且線上程很忙的情況下會延時,這會影響流暢性。

一個用javascript寫的select支援上下鍵、首字母篩選以及斷行符號取值的功能

調用時可以這樣: 1,tempStr=GetNewSelectStr(dataTable.value,"select"+rowIndex,true); 2,makeSelectBox("select"+rowIndex,tempStr,value,obj); tempStr-這個是返回的下拉式清單值的框體 dataTable.value-這個是資料來源(我這裡是一張表)

用Javascript實現錨點(Anchor)間平滑跳轉

錨點(Anchor)相信很多人都不陌生,它方便訪問者在頁面的不同位置快速跳轉,直接找到自己感興趣的內容,如果說 RSS 是整個網站的摘要,那錨點就是一個頁面的摘要,通常一個頁面內容很多的時候,都會用錨點來定位。 但是錨點也有個問題,通常點擊錨點後,頁面會立即跳到目標位置,而本文介紹的方法,實現了錨點(Anchor)間平滑跳轉,效果非常不錯。複製代碼 代碼如下:<script type="text/javascript"> // 說明 :用 Javascript

用 Javascript 驗證表單(form)中的單選(radio)值

本文介紹了一個較為通用的擷取 radio 值的方法,希望對新手有用。 複製代碼 代碼如下:<script type="text/javascript"> // 說明: 用 Javascript 驗證表單(form)中的單選(radio)值 // 作者: CodeBit function getRadioValue(radio) { if (!radio.length && radio.type.toLowerCase() == 'radio') { return

javascript 定義初始化數組函數

複製代碼 代碼如下:<script type="text/javascript"> var date=new Date(); function initArray(){ this.length=initArray.arguments.length; for(var i=0;i<this.length;i++){ this[i]=initArray.arguments[i]; } } var d=new initArray( '星期日', '星期一', '星期二', '星期三',

用 Javascript 驗證表單(form)中多選框(checkbox)值

本文介紹了一個較為通用的擷取 checkbox 值的方法,希望對新手有用。複製代碼 代碼如下:<script type="text/javascript"> // 說明: 用 Javascript 驗證表單(form)中多選框(checkbox)的值 // 作者: CodeBit function getCheckboxValue(checkbox) { if (!checkbox.length && checkbox.type.toLowerCase() ==

JS 網頁彩蛋 實現代碼

xmlns="http://www.w3.org/1999/xhtml"> 按 ↑ ↑ ↓ ↓ ← ← → →

javascript 一些用法小結

如下的用法需要在JSP中增加屬性onclick. 以全選為例,onclick="javascript:allselect()"//javascript可以省略 或者將function allselect()用document.getElementById("allselectbox").onclick = function(); 全選: fuction allselect(){ var form = document.forms[0]; var state =

Javascript String.replace的妙用

String.replace( ) 簡介 文法: 複製代碼 代碼如下:string.replace(regexp, replacement) regexp :您要執行替換操作的Regex,如果傳入的是一個字串,那就會當作一般字元來處理,並且只會執行一次替換操作;如果是Regex,並且帶有 global (g) 修飾符,則會替換所有出現的目標字元,否則,將只執行一次替換操作。 replacement :您要替換成的字元。 傳回值是執行替換操作後的字串。 String.replace( )

javascript十個最常用的自訂函數(中文版)

(10)addEvent 網上最流行的版本是Scott Andrew的,據說javascript界曾舉行一場比賽(此事件我們可以在Pro Javascript Techniques第100頁看到)或瀏覽PPK的網站,徵求添加事件與移除事件的函數,他就是其獲獎者。下面就是他的實現: 複製代碼 代碼如下:function addEvent(elm, evType, fn, useCapture) { if (elm.addEventListener) {

Javascript 檢測、添加、移除樣式(className)函數代碼

複製代碼 代碼如下:<script type="text/javascript"> // 說明:添加、移除、檢測 className function hasClass(element, className) { var reg = new RegExp('(\\s|^)'+className+'(\\s|$)'); return element.className.match(reg); } function addClass(element, className) { if (!

javascript 擷取select下拉式清單值的代碼

比如,在使用DWR的時候,如果你想傳遞下拉框的參數到背景話,此時就需要先擷取到下拉框的值了。 其實想要擷取到下拉框的值是很簡單的。 最關鍵的一段代碼就是: 複製代碼 代碼如下:onchange="show(this.options[this.options.selectedIndex].value);" onchange="show(this.options[this.options.selectedIndex].value);" show是一個自訂的函數名。

Javascript 阻止瀏覽器預設操作的實現代碼

在很多時候,我們需要改變這些預設操作,比如:點擊一個連結時,我們執行一些 ajax 操作,但是我們並不希望執行跳轉動作,於是,就有了本文:阻止瀏覽器預設操作。 其實這並不是一個非常難的課題,單獨拿出來的原因還是瀏覽器安全色問題: 複製代碼 代碼如下:<script type="text/javascript"> // 說明:Javascript 中阻止瀏覽器預設操作 // 作者:John Resig function stopDefault( e ) { // Prevent

Javascript中的var_dump函數實現代碼

發現了一個非常好的JavaScript調試方法,目前看到的是可以列印Object/Array/Function/String四種類型,使用方法和PHP中的var_dump()一樣,只要直接dump(變數名)即可。 複製代碼 代碼如下:dump(value, [showTypes]) @ param value (Any) value to dump @ param [showTypes] (Boolean) optional to display each key/value's type @

javascript concat數組累加 樣本

複製代碼 代碼如下:<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" var arr2 = new Array(3) arr2[0] = "James" arr2[1] = "Adrew" arr2[2] = "Martin" document.write(arr.concat(arr2)) </script>

關於javascript中的parseInt提示

要對錶單中填寫的日期格式進行用戶端驗證,於是在網上找了段代碼,其中用到parseInt對年月日做判斷,其中有類似這樣的語句: ...... else if(parseInt(month)<1 || parseInt(month) >12) ......

JavaScript 密碼強度判斷代碼

複製代碼 代碼如下:<script type="text/javascript"> //CharMode函數 //測試某個字元是屬於哪一類. function CharMode(iN){ if (iN>=48 && iN <=57) //數字 return 1; if (iN>=65 && iN <=90) //大寫字母 return 2; if (iN>=97 && iN <=122) //小寫

javascript 操作table的特性

xmlns="http://www.w3.org/1999/xhtml" > helloCell 1,1Cell 2,1Cell 1,2Cell 2,2

javascript事件問題

複製代碼 代碼如下:<div onmouseover="alert('hello');" onmouseout="alert('out_div');" > <span onmouseover="alert('world');" onmouseout="alert('out_span');" >你好</span> </div>

總頁數: 3530 1 .... 66 67 68 69 70 .... 3530 Go to: 前往
Tags Index:

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。