javascript編程實例

『壹』 javascript 怎麼學習DOM編程

dom--文檔對象模型，簡單點說就是將你的客戶端（IE/火狐等）以樹狀結構從大到小拆分成單一的對象讓你操作。
誇張點說，你在客戶端（瀏覽器）所看到的一切元素，js都可以操作。
如果你學過其他語言，特別是java或C#有對象的概念，相信對於dom上手很快的。 你不用去定義類，去實例對象，你只要會用這些已有的對象就行了。

dom樹其實就是你可以想像的你的頁面構造

window(窗體對象)-document(文檔對象)-documentElement(文檔內容的根)-body-table-tr-td-span.....

『貳』 如何利用javascript進行事件編程

1、給想要做效果的html標簽加id或者class
2、利用id或者class做事件綁定
3、利用綁定的事件達到你想要的目的

例：
<div class="demo">點擊我試試</div>

$(".demo" ).click(function(){
$(this).hide();
});

這是一個jQuery做的案例，首先你要引用jQuery文件，然後達到的效果是，點擊class=demo，自身就會消失不見！

『叄』 想提高JavaScript編程水平。請推薦一些實用性實例的書籍或網站社區。

犀牛書 看了還是有點用的

『肆』 web程序設計 用JavaScript腳本語言設計一個程序：根據當天是星期幾，在頁面中顯示不同的圖片。

<img id="img1" src="" /><br /><div id="day1"></div>
<script language="javascript" type="text/javascript">
day = new Date().getDay();
var pic_arr = new Array();
var i = 0;
pic_arr[i] = "0.jpg";//星期天的圖片，以下類推
i++;
pic_arr[i] = "1.jpg";
i++;
pic_arr[i] = "2.jpg";
i++;
pic_arr[i] = "3.jpg";
i++;
pic_arr[i] = "4.jpg";
i++;
pic_arr[i] = "5.jpg";
i++;
pic_arr[i] = "6.jpg";

document.getElementById("day1").innerHTML = "今天星期" + "天一二三四五六".charAt(day);
document.getElementById("img1").src = pic_arr[day];
</script>

『伍』 如何用javascript面向對象編程

經常看到一些JavaScript的代碼臟亂得無法理解，到處都是屬性和方法，或者一個循環套著一個循環。但如果使用面向對象就能很好的理清代碼，並方便理解和修改代碼。如果你不希望自己的代碼只有上帝理解的話，就請盡量考慮使用面向對象的模式。
譯文正文：
到處都是屬性、方法，代碼極其難懂，天哪，我的程序員，你究竟在做什麼？仔細看看這篇指南，讓我們一起寫出優雅的面向對象的JavaScript代碼吧！
作為一個開發者，能否寫出優雅的代碼對於你的職業生涯至關重要。隨著像Node.js這類技術的發展，你甚至可以在伺服器端使用JavaScript了。同樣的，你也可以使用JavaScript來控制MongoDB的持續數據存儲。
文本標記
文本標記只是JavaScript里創建對象的一種方法，當然這里肯定不止這一種，但它是你在只打算創建一個對象實例時的首選方法。
var bill = {};

上面的代碼並不實用，它只是一個空對象。接下來我們動態地向這個對象中添加一些屬性和方法。
bill.name = "Bill E Goat"; bill.sound = function() { console.log( 'bahhh!' ); };

這里添加了屬性name，並且給它分配了值"Bill E Goat"。我們並不需要先創建一個空對象，而可以把所有代碼直接寫在一對括弧里。

var bill = { name: "Bill E Goat", sound: function() { console.log( 'bahhh!' ); }};

是不是很美觀？訪問它的屬性和方法就像呼吸一樣簡單、自然。
bill.name; // "Bill E Goat" bill.sound(); // "bahhh"

如果屬性名不是一個合法的標志符，我們還可以這樣訪問它：
bill['name']; // "Bill E Goat"

注意：我在調用方法時在其後添加了圓括弧。現在，我們再重寫一下當前的sound方法，並添加一個參數。
bill.sound = function(noise) { console.log(noise); }; bill.sound("brrr!"); // "brrr!" He's cold :)

很好，我們已經傳入參數了，並且在方法定義中訪問了它。接下來，向對象中增加一個新方法來訪問name屬性。
bill.sayName = function() { console.log( "Hello " + this.name ); }; bill.sayName(); // "Hello Bill E Goat"

我們可以使用this.propertyName（在本例中即this.name）在方法內訪問屬性。
bill.sayName; // function

怎麼回事？訪問sayName方法返回了一個方法定義。現在讓我們再深入些。
var sound = bill.sound; sound('moo!'); // "moo!"

現在我們指定了sound方法為一個局部函數，可以調用這個函數並且傳遞參數。你認為在復制bill的時候會發生什麼？（類比下克隆羊Dolly）
var sally = bill; sally.name; // "Bill E Goat"，可它的名字是Sallysally.name = "Sally"; sally.name; // "Sally"，好些了bill.name; // "Sally"，問題又轉移到bill身上了

上面的例子中我們新建了一個變數sally，並使它和bill相同，所以bill和sally會在內存中引用了同一個對象。這時候給改變一塊它們就會同時發生改變。再看看下面這段代碼：
bill.name = "Bill E Goat"; bill.sayName(); // "Hello Bill E Goat"; var sayName = bill.sayName; sayName; // function 目前為止一切順利sayName(); // "Hello "，為什麼這里又不再顯示bill的名字了？

bill的name是一個本地實例變數，只對bill可得。當sayName方法被創建為全局變數時，當它碰到this.name聲明時，它會在全局查找name的值。唯一的問題在於name還沒有被定義。現在讓我們在全局定義name，看看會發生什麼：
var name = "Bearded Octo"; sayName(); // "Hello Bearded Octo"

這里我們在全局范圍內定義了name變數，並且賦予了值"Bearded Octo"。當我們在調用sayHello方法時它會在全局范圍內查找name變數，最終會獲得值"Bearded Octo"。我們為什麼不為這幾個對象建立一個共同的「類」呢？
構造函數
構造函數是另一個編寫面向對象JavaScript代碼的方法，當你需要初始化對象的屬性、方法，或者需要創建多個屬性、方法各不相同的實例時，它將是你最佳的選擇。同樣我們先從創建一個空對象開始：
function Game() {};

這個對象包括自己的屬性，你甚至可以在創建對象時傳入屬性，然後再對其進行修改。
var zelda = new Game(); var smb = new Game(); zelda.title = "Legend of Zelda"; smb.title = "Super Mario Brothers"; zelda.title; // "Legend of Zelda" smb.title; // "Super Mario Brothers"

現在這個對象已經有自己的方法了！新創建對象時我們甚至可以傳遞屬性，之後再修改。
function Game(title) { this.title = typeof title !== 'undefined' ? title : ""; }; var zelda = new Game("Legend of Zelda"); zelda.title; // "Legend of Zelda" zelda.title = "Ocarina of Time"; zelda.title; // "Ocarina of Time" var blank = new Game(); blank.title; // ""

也許你沒看明白第二行的內容，其實是使用了三元操作來避免單行的if else，它和下面標準的if else語句是一個意思。
if (typeof title !== 'undefined') { this.title = title; } else { this.title = ""; } // Is the same as this.title = typeof title !== 'undefined' ? title : "";

如果title變數在對象被創建時傳入，title實例變數將會指定為title的值。如果沒有值傳入，那麼title將會被初始化為默認值""。我們同樣可以創建一個方法來訪問這個屬性：
zelda.loveTitle = function() { console.log( "I love " + this.title ); }; zelda.loveTitle(); // "I love Ocarina of Time"

這樣就很整潔了，但是我們還能做得更好。我們可以在Game類中添加一個方法，這樣所有Game類的實例將都能使用此方法。
Game.prototype.heartIt = function() { console.log( "I heart " + this.title ); }; zelda.heartIt(); // "I heart Ocarina of Time" smb.heartIt(); // "I heart Super Mario Brothers"

『陸』 我的世界做JS

首先ni要明白，這是編程語言，學好非一日之事，如果隨便的態度，請右上角
2
‍
看到沒，這是mcpe的編程語言編輯器
原料裡面有鏈接的
下面簡單的講述下javascript
JavaScript 是世界上最流行的編程語言。
這門語言可用於 HTML 和 web，更可廣泛用於伺服器、PC、筆記本電腦、平板電腦和智能手機等設備。
JavaScript 是腳本語言
JavaScript 是一種輕量級的編程語言。
JavaScript 是可插入 HTML 頁面的編程代碼。
JavaScript 插入 HTML 頁面後，可由所有的現代瀏覽器執行。
JavaScript 很容易學習。
JavaScript：寫入 HTML 輸出
實例

document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>");
提示：您只能在 HTML 輸出中使用 document.write。如果您在文檔載入後使用該方法，會覆蓋整個文檔。
JavaScript：對事件作出反應
實例

<button type="button" onclick="alert('Welcome!')">點擊這里</button>
alert() 函數在 JavaScript 中並不常用，但它對於代碼測試非常方便。
onclick 事件只是您即將在本教程中學到的眾多事件之一。
JavaScript：改變 HTML 內容
使用 JavaScript 來處理 HTML 內容是非常強大的功能。
實例
x=document.getElementById("demo") //查找元素x.innerHTML="Hello JavaScript"; //改變內容
您會經常看到 document.getElementByID("some id")。這個方法是 HTML DOM 中定義的。
DOM（文檔對象模型）是用以訪問 HTML 元素的正式 W3C 標准。
您將在本教程的多個章節中學到有關 HTML DOM 的知識。
JavaScript：改變 HTML 內容
使用 JavaScript 來處理 HTML 內容是非常強大的功能。
實例
x=document.getElementById("demo") //查找元素x.innerHTML="Hello JavaScript"; //改變內容
您會經常看到 document.getElementByID("some id")。這個方法是 HTML DOM 中定義的。
DOM（文檔對象模型）是用以訪問 HTML 元素的正式 W3C 標准。
您將在本教程的多個章節中學到有關 HTML DOM 的知識。
JavaScript：改變 HTML 樣式
改變 HTML 元素的樣式，屬於改變 HTML 屬性的變種。
實例
x=document.getElementById("demo") //找到元素x.style.color="#ff0000"; //改變樣式
JavaScript：驗證輸入
JavaScript 常用於驗證用戶的輸入。
實例
if isNaN(x) {alert("Not Numeric")};

『柒』 JavaScript的視頻教學（基本語法、window對象、bom編程、dom高級編程、JavaScript 和css的交互……)視頻

浪曦JavaScript框架實戰開發及應用

1. Javascript基礎部分
第一講：課程概述
第二講：JavaScript語法基礎（上）
第三講：JavaScript語法基礎（下）
第四講：JavaScript中的數組
第五講：JavaScript字元串對象
第六講：JavaScript中的Math對象
第七講：JavaScript中的日期對象
第八講：JavaScript中的全局對象（上）
第九講：JavaScript中的全局對象（下）
第十講：正則表達式
2. Javascript深入部分和面向對象的框架製作
第十一講：JavaScript中的異常處理
第十二講：JavaScript中的事件（上）
第十三講：JavaScript中的事件（下）
第十四講：JavaScript中的瀏覽器對象（上）
第十五講：JavaScript中的瀏覽器對象（下）
第十六講：JavaScript處理表單和表單元素事件（上）
第十七講：JavaScript處理表單和表單元素事件（中）
第十八講：JavaScript處理表單和表單元素事件（下）
第十九講：面向對象思想的基本概念
第二十講：JavaScript的面向對象的代碼實現
第二十一講：JavaScript中的四種對象定義方式
第二十二講：JavaScript中繼承的代碼實現
第二十三講：Json方式創建JavaScript對象
第二十四講：JavaScript框架的概念和作用（上）
第二十五講：JavaScript框架的概念和作用（下）
第二十六講：封裝JavaScript選擇器
第二十七講：封裝Ajax操作類（上）
第二十八講：封裝Ajax操作類（下）
第二十九講：利用封裝好的Ajax類實現天氣預報
第三十講：封裝JavaScript操作XML類（上）
第三十一講：封裝JavaScript操作XML類（下）
第三十二講：擴展JavaScript字元串對象
第三十三講：擴展JavaScript日期對象
第三十四講：利用正則表達式封裝驗證類
第三十五講：封裝動畫類（上）
第三十六講：封裝動畫類（下）
第三十七講：封裝後台管理中常用的菜單類
第三十八講：封裝Cookie操作類
第三十九講：封裝計時器
第四十講：封裝系統相關的操作類
第四十一講：封裝表單元素的常見操作
第四十二講：封裝焦點圖輪換控制項
3. 日歷控制項的面向對象的編碼實現
第四十三講：日歷控制項中公用屬性的定義
第四十四講：日歷控制項的基本繪制方法的實現
第四十五講：日歷控制項中的月視圖展現的實現
第四十六講：不同方式選擇日期的實現方法和事件
第四十七講：顯示和隱藏日歷方法的實現
第四十八講：日歷控制項的國際化實現
第四十九講：日歷控制項的界面美化
第五十講：日歷控制項的綜合應用
第五十一講：日歷控制項的代碼壓縮

1. Javascript基礎部分
第一講：課程概述
第二講：JavaScript語法基礎（上）
第三講：JavaScript語法基礎（下）
第四講：JavaScript中的數組
第五講：JavaScript字元串對象
第六講：JavaScript中的Math對象
第七講：JavaScript中的日期對象
第八講：JavaScript中的全局對象（上）
第九講：JavaScript中的全局對象（下）
第十講：正則表達式
2. Javascript深入部分和面向對象的框架製作
第十一講：JavaScript中的異常處理
第十二講：JavaScript中的事件（上）
第十三講：JavaScript中的事件（下）
第十四講：JavaScript中的瀏覽器對象（上）
第十五講：JavaScript中的瀏覽器對象（下）
第十六講：JavaScript處理表單和表單元素事件（上）
第十七講：JavaScript處理表單和表單元素事件（中）
第十八講：JavaScript處理表單和表單元素事件（下）
第十九講：面向對象思想的基本概念
第二十講：JavaScript的面向對象的代碼實現
第二十一講：JavaScript中的四種對象定義方式
第二十二講：JavaScript中繼承的代碼實現
第二十三講：Json方式創建JavaScript對象
第二十四講：JavaScript框架的概念和作用（上）
第二十五講：JavaScript框架的概念和作用（下）
第二十六講：封裝JavaScript選擇器
第二十七講：封裝Ajax操作類（上）
第二十八講：封裝Ajax操作類（下）
第二十九講：利用封裝好的Ajax類實現天氣預報
第三十講：封裝JavaScript操作XML類（上）
第三十一講：封裝JavaScript操作XML類（下）
第三十二講：擴展JavaScript字元串對象
第三十三講：擴展JavaScript日期對象
第三十四講：利用正則表達式封裝驗證類
第三十五講：封裝動畫類（上）
第三十六講：封裝動畫類（下）
第三十七講：封裝後台管理中常用的菜單類
第三十八講：封裝Cookie操作類
第三十九講：封裝計時器
第四十講：封裝系統相關的操作類
第四十一講：封裝表單元素的常見操作
第四十二講：封裝焦點圖輪換控制項
3. 日歷控制項的面向對象的編碼實現
第四十三講：日歷控制項中公用屬性的定義
第四十四講：日歷控制項的基本繪制方法的實現
第四十五講：日歷控制項中的月視圖展現的實現
第四十六講：不同方式選擇日期的實現方法和事件
第四十七講：顯示和隱藏日歷方法的實現
第四十八講：日歷控制項的國際化實現
第四十九講：日歷控制項的界面美化
第五十講：日歷控制項的綜合應用
第五十一講：日歷控制項的代碼壓縮

『捌』 求助大佬編程題！希望用JavaScript寫！

寫編程的話，需要靠你自己來努力

『玖』 JavaScript高級程序設計的作品目錄

第1章 JavaScript是什麼
1.1 歷史簡述
1.2 JavaScript實現
1.3 小結
第2章 ECMAScript基礎。
2.1 語法
2.2 變數
2.3 關鍵字
2.4 保留字
2.5 原始值和引用值
2.6 原始類型
2.7 轉換
2.8 引用類型
2.9 運算符
2.10 語句
2.11 函數
2.12 小結
第3章 對象基礎
3.1 面向對象術語
3.2 對象應用
3.3 對象的類型：本地對象
3.4 作用域
3.5 定義類或對象
3.6 修改對象
3.7 小結
第4章 繼承
4.1 繼承機制實例
4.2 繼承機制的實現
4.3 其他繼承方式
4.4 小結
第5章 瀏覽器中的JavaScript
第6章 DOM基礎
第7章 正則表達式
第8章 檢測瀏覽器和操作系統
第9章 事件
第10章 高級DOM技術
第11章 表單和數據完整性
第12章 表格排序
第13章 拖放
第14章 錯誤處理
第15章 JavaScript中的XML
第16章 客戶端與伺服器端的通信
第17章 Web服務
第18章 與插件進行交互
第19章 部署問題
第20章 JavaScript的未來
索引

『拾』 javascript面向對象編程問題

面向對象就是把程序當成一個具體的事物（也就是對象）來考慮，比如一個小游戲 桌面彈球，可以把裡面的擋板，磚塊和小球看成對象來編程：stick.java，brick.java，ball.java，然後每個對象各有什麼屬性，比如磚塊，與小球接觸就會消失，所以編程時會定義一個邏輯變數，滿足一定的條件就被賦值為true，然後就使磚塊不再顯示。這樣就會使編程思路更加清晰。
構造函數也是面向對象編程，它可以把一個類實例化，比如以上的ball.java是一個類，就像一張圖紙，真正要用的時候必須要有事物，而製作實物的方式就是通過構造函數 ball b=new ball（）；這樣才有一個真正的小球b了，可以使用ball中的屬性和方法了。