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中的属性和方法了。