JavaScript

在大型的網站新聞公告和友情連結等領域經常有這種文字或圖片垂直滾動的效果，下面就介紹一下文字垂直滾動的javascript代碼。javascript代碼如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.jb51.net/"

本文執行個體講述了JavaScript實現基於十進位的四捨五入。分享給大家供大家參考。具體實現方法如下：<script type="text/javascript"> function getRoundUpOrDown(num) { if(isNaN(num)) return NaN; // 根據對NaN進行任何進行都返回NaN的規則 var flag = num>0 ? 1 : -1; return (num+flag*0.5)|0;

本文執行個體講述了JavaScript之AOP編程。分享給大家供大家參考。具體如下：/*// aop({options});// By: adamchow2326@yahoo.com.au// Version: 1.0// Simple aspect oriented programming module// support Aspect before, after and around// usage: aop({ context: myObject, // scope

下面通過javascript代碼實現網頁屏蔽Backspace事件，輸入框不屏蔽，具體代碼如下：document.onkeydown = function (e) { var code; if (!e){ var e = window.event;} if (e.keyCode){ code = e.keyCode;} else if (e.which){ code = e.which;} //BackSpace 8; if ( (event.keyCode ==

本文執行個體講述了Javascript實現擷取及設定游標位置的方法。分享給大家供大家參考。具體如下：在項目開發中經常遇到input等設定游標位置到最後的問題，今天我查了一下Google，找到了在IE、Firefox、Opera等主流瀏覽器的擷取游標位置（getCursortPosition）以及設定游標位置（setCursorPosition）的函數。1. 擷取游標位置函數：function getCursortPosition (ctrl) { var CaretPos = 0; //

本文執行個體講述了JavaScript實現快速排序的方法。分享給大家供大家參考。具體實現方法如下：<html><head><script> function quickSort(input) { if (input.length <= 1) return input; var pivot = Math.floor(Math.random()*input.length) var less = [], greater=[]; var

本文執行個體講述了非同步安全載入javascript檔案的方法。分享給大家供大家參考。具體如下：使用方法：(function() { __safeLoadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", function() { alert(jQuery); });})();JavaScript實現代碼：window.__safeLoadScript = function(src,

本文執行個體講述了JavaScript數組對象實現增加一個返回隨機元素的方法。分享給大家供大家參考。具體如下：核心特性：機率隨機、順序隨機、隨機冒泡本方法 來自個人手寫 JavaScript 的實踐，只涉及 JavaScript 1.5（ECMAscript 3 國際標準）語言本身，在所有 JS 引擎實現中通用~為Array對象新增random方法：(function () { function Random_SN(iArray) { return

本文執行個體講述了JavaScript實現自動對頁面上敏感詞進行屏蔽的方法。分享給大家供大家參考。具體如下：<html><head> <title>Bad Words Example</title> <script type="text/javascript"> function filterText(sText) { var reBadWords = /badword|anotherbadword/gi;

本文執行個體講述了javascript圖片預先載入的方法。分享給大家供大家參考。具體如下：lightbox類效果為了讓圖片置中顯示而使用預先載入，需要等待完全載入完畢才能顯示，體驗不佳（如filick相簿的全屏效果）。javascript無法擷取img檔案頭資料，真的是這樣嗎？本文通過一個巧妙的方法讓javascript擷取它。這是大部分人使用預先載入擷取圖片大小的例子：var imgLoad = function (url, callback) { var img = new Image()

本文執行個體講述了javascript實作類別似於新浪微博搜尋方塊彈出效果的方法。分享給大家供大家參考。具體實現方法如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

本文執行個體講述了JavaScript動態提示輸入框輸入字數的方法。分享給大家供大家參考。具體如下：在QQ空間裡有小紙條那麼一個功能，隨著你在文字框中輸入多少字，上面會動態提示你“已經輸入多少字”和“還可以輸入多少字”，覺得挺好的，所以自己也試著做做，呵呵。   開始，我想很多人第一感覺就是通過js的 onkeydown或者onkeyup來做，中發現還可以用focus + setInterval()

本文執行個體講述了javascript實作類別似百度分享功能的方法。分享給大家供大家參考。具體如下：像騰訊，開心社區都提供這種分享介面的，做百度分享功能很簡單的 一般網站要接入分享功能，大部分都用百度分享和addthis的代碼，可是自己定製性太差，該分享功能樣式都可以自己修改，簡潔沒過多js代碼，大大提高網頁載入速度。運行效果如下圖所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.

setAttribute()函數可以設定對象的屬性，如果不存在此屬性，則會建立此屬性。文法結構:el.setAttribute(name,value)參數列表:參數 描述name 必需。規定要設定的屬性名稱。value 必需。規定要設定的屬性值。代碼執行個體:<!DOCTYPE html><html><head><meta charset=" utf-8"> <script

本文執行個體講述了JavaScript中利用Array和Object實現Map的方法。分享給大家供大家參考。具體如下：昨天突然看到以前別人用JavaScript實現的Map感覺很不錯，但是發現有個別方法有問題，順便完善了下，添加了 remove 、indexOf 、values、clear等方法。/** * @author blune68 * @version 0.1, 07/27/12 * */function Map(){ this.keys = new Array(); this.

本文執行個體講述了javascript簡單實現滑動菜單效果的方法。分享給大家供大家參考。具體如下：整個javascript代碼共42行，其中主要函數Slide代碼26行,可以改進哦！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

本文執行個體講述了JavaScript對Cookie進行讀寫操作的方法。分享給大家供大家參考。具體如下：這裡沒用到任何的js庫，直接使用js的方法進行cookie的讀寫<HTML></HEAD><BODY><SCRIPT language="JavaScript"><!--function set_it() { var the_text="name=yourName&"; var toexpire= new Date("March 15,

從題目說起，之所以是不完全，是因為有些東西比如數組的方法怎麼用這個我都不打算講，因為那個看一下都會，下面講的都是我覺得重要的，只關於數組對象本身。另外，由於我的Javascript實戰經驗不多，所以可能有些東西沒涉及到，有些內容說的有誤，請發現問題的同學不吝指教。首先，Javascript（下稱js）的數組定義，這不是重點，簡單說下，下面兩句都是建立一個空的數組： var arr = []; var arr2 = new Array(); //

本文執行個體講述了javascript比較兩個日期相差天數的方法。分享給大家供大家參考。具體如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"

本文執行個體講述了javascript比較兩個日期相差天數的方法。分享給大家供大家參考。具體如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"