JavaScript

複製代碼 代碼如下: <!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"

最近在編寫一個JavaScript架構，發現有很多細節注意得不夠，擔心長時間積累會導致架構實際應用的時候出現嚴重的效率問題。於是開始關注JavaScript提高效率的一些技巧，在這裡分享給大家。

複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>表格翻頁</TITLE> <style> body, td{ font-size: 9pt; } a:link { color: #FF0000; } a:visited { color: #FF0000; } a:hover {

javascript隨機將第一個dom中的圖片添加到第二個div中去，此代碼的是一個簡單的例子，將第一個div中的五張圖片中，提取隨機兩張顯示到第二個div中。 複製代碼 代碼如下: <!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.

Javascript語言的設計不夠嚴謹，很多地方一不小心就會出錯。 舉例來說，請考慮以下情況。 現在，我們要判斷一個全域對象myObj是否存在，如果不存在，就對它進行聲明。用自然語言描述的演算法如下： 複製代碼 代碼如下: if (myObj不存在){ 　　　　聲明myObj; 　　} 你可能會覺得，寫出這段代碼很容易。但是實際上，它涉及的文法問題，遠比我們想象的複雜。Juriy

複製代碼 代碼如下: <!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"

在一些網站註冊的時候經常可以看到密碼強度提示，例如優酷：  今天自己做了一個JS密碼強度判斷，效果如下：  以下是代碼： 複製代碼 代碼如下: <html> <head> <title>JS判斷密碼強度</title> <script language=javascript> //判斷輸入密碼的類型 function CharMode(iN){ if (iN>=48 && iN <=57) //數字

下面對使用JavaScript實現頁面定時跳轉（也稱倒計時跳轉）做一下總結，各種定時跳轉代碼記錄如下： （1）使用 setTimeout 函數實現定時跳轉（如下代碼要寫在body地區內） 複製代碼 代碼如下: <script type="text/javascript"> // 3秒鐘之後跳轉到指定的頁面 setTimeout(window.location.href = "http://3aj.cn/javascript/19.html", 3); </script>

複製代碼 代碼如下: //數組移除長度方法 var array=[]; array[0]="張三"; array[1]="李四"; array[2]="王五"; array[3]="趙六"; array[4]="百度"; function remove(array,index){ if(index<=(array.length-1)){ for(var i=index;i<array.length;i++){ array[i]=array[i+1]; } }else{ throw

複製代碼 代碼如下:var date = function( a, s ) {    var d = s ? new Date( s ) : new Date(), f = d.getTime();    return ( '' + a ).replace( /a|A|d|D|F|g|G|h|H|i|I|j|l|L|m|M|n|s|S|t|T|U|w|y|Y|z|Z/g, function ( a )

一、效果圖  二、html代碼 複製代碼 代碼如下: <style type="text/css"> .container, .container *{margin:0; padding:0;} .container{width:408px; height:168px; overflow:hidden;position:relative;} .slider{position:absolute;} .slider li{

一種最簡單的方式，就是動態改變你想要全螢幕顯示的組件的style，例如position變成absolute，height和width都設定成視窗大小，並且把背景顏色改成全白（為了遮住頁面上其餘的元素）。這樣網頁上就只能看到你要突出的組件了，視覺上就等同於全屏。同時利用javascript監聽鍵盤事件，一旦使用者按了ESc退出鍵，就恢複原來的樣子。部分代碼如下：複製代碼 代碼如下:document.onkeydown = function (event)

call和apply的第一個實參是要調用函數的母對象，它是調用上下文，在函數體內通過this來獲得對它的引用。例如，如果要想以對象o的方法來調用函數f，可以按如下的方式使用call和apply方法：複製代碼 代碼如下:　　f.call(o);　　f.apply(o);可以按如下的代碼來理解：複製代碼 代碼如下:　　o.m = f;　　//將f儲存為o的臨時方法　　o.m();　　//調用這個臨時方法　　delete o.m;　　//將這個臨時方法刪除來個樣本吧。複製代碼

我最近調netsurf也遇到一個相關的bug ： alert() 被調了兩次。html 代碼：複製代碼 代碼如下:<html><head><title>alert onclick example</title><script type="text/javascript">function causealert(){var txt = document.getElementById("p1").textContent;alert(txt)

動態改變IFrame的高度，實現IFrame自動伸展，父頁面也自動神縮 原理： 在IFrame子頁面一載入的時候，調用父IFrame對象，改變其高度 具體實現一: 1、在IFrame的具體頁面(就是子頁面)，添加JavaScript 複製代碼 代碼如下: <script> function IFrameResize(){ //alert(this.document.body.scrollHeight); //彈出當前頁面的高度 var obj =

今天一個項目中需要判斷IE版本號碼，又因為 jQuery 2.0 去除了對瀏覽器版本號碼的判斷（它推薦特性檢測），於是就看到一老外寫的一段代碼： 複製代碼 代碼如下: var _IE = (function(){ var v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( div.innerHTML = '<!--[if gt IE ' + (++v) +

對象是什麼從JavaScript定義上講對象是無序屬性的集合，其屬性可以包含基本值、對象或函數。也就是說對象是一組沒有特定順序的屬性，每個屬性會映射到一個值上，是一組索引值對，值可以是資料或對象。最簡單的對象JavaScript的一對花括弧{}就可以定義一個對象，這樣的寫法實際上和調用Object的建構函式一樣複製代碼 代碼如下:var obj={};var obj2=new Object();這樣構建出來的對象僅僅包含一個指向Object的prototype的指標，可以使用一些valueOf、

在 javascript 中有很多方式來建立對象，所以建立對象的方式使用起來非常靈活。那麼，到底哪一種方式是最恰當的對象建立方式呢？構造模式，原型模式還是對象原意模式（Object literal）呢？ 但這些模式具體是怎麼回事呢？ 在開始講解之前，讓我們先清楚地介紹一下關於 javascript 基本知識。 有沒有可能在 javascript 中實現物件導向編程的方式呢？ 答案是可能的，javascript

在做頁面時，如果想做一個連結點擊後不做任何事情，或者響應點擊而完成其他事情，可以設定其屬性 href = "#"，但是，這樣會有一個問題，就是當頁面有捲軸時，點擊後會返回到頁面頂端，使用者體驗不好。 目前有如下幾種解決辦法： 1)點選連結後不做任何事情 複製代碼 代碼如下: <a href="javascript:void(0);" >test</a> <a href="javascript:;" >test</a> <a href="###

iframe 自動擷取onload高寬 複製代碼 代碼如下: function AutoResize(iframe) { //firefox if(iframe.contentWindow) { iframe.height = iframe.contentWindow.document.documentElement.scrollHeight; iframe.width = iframe.contentWindow.document.documentElement.scrollWidth; }