这是JavaScript
DOM编程艺术里的构建JavaScript网站设计的例子，这本书给我学习JavaScript带来许多启发，在这个乐队宣传网站中，把前面学到的知识点整合在这个项目了。在这里记录下实现这个乐队的宣传网站的具体过程，加深理解。好，从现在开始来实现这个JavaScript网站实战。...
分类：
编程语言 时间：
2014-05-19 19:12:15
阅读次数：
389
一、（一）中的代码还可以修改的地方。在（一）中，如果是运行在服务器下，如apache等，可以把head和navigation的div抽取出来，放置在另一个html文件里，然后在页面中，include进来。这样，当要对导航栏进行修改时，只需要修改一个文件，而不用修改所有相关的页面文件。不过，我这里没有...
分类：
编程语言 时间：
2014-05-19 19:01:55
阅读次数：
388
submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上。
1、 如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把sub....
分类：
编程语言 时间：
2014-05-19 19:00:37
阅读次数：
316
一、主页一般都会比较有特色，现在在网站设计（二）实现的基础上，来给主页添加一点动画效果。1、这里实现的动画效果是：当鼠标悬停在其中某个超链接时，会显示出属于该页面的背景缩略图，让用户知道这个链接的页面大概内容是什么。效果图：2、实现这个效果的思路（1）把主页的几个链接的背景图片缩放到150px*15...
分类：
编程语言 时间：
2014-05-19 18:44:19
阅读次数：
342
一、现在我们在网站设计（三）的基础上，来编写about.html页面。这个页面要用到的知识点是利用JavaScript和DOM实现选择性地显示和隐藏某些DIVabout.html页面在前面我们为了看导航栏菜单项高亮显示时，已经写了部分内容，只是那时写的代码没有实现div显示和隐藏，现在就在之前编写的...
分类：
编程语言 时间：
2014-05-19 18:41:51
阅读次数：
256
一、photos.html页面，点击每一张缩略图，就在占位符的位置那里，显示对应的大图。看到的页面效果是这样的：1、实现思路这个功能在之前的JavaScript美术馆那里已经实现了。首先在页面中使用ul列表显示出所有的缩略图，然后使用JavaScript，for循环检查出当前点击的是哪一张图片，最后...
分类：
编程语言 时间：
2014-05-19 18:41:14
阅读次数：
342
为了保证网页代码层次清晰，便于管理，一般HTML中只体现网页结构，具体的行为处理通过JS实现，样式则通过CSS文件管理。
在以上原则下通过JS实现行为时，一定要注意文档加载过程中，执行JS代码的时机。页面加载过程有两个事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页 面包含图片等文件在内的所有元素都加载完成。（可以说：ready 在onloa...
分类：
编程语言 时间：
2014-05-18 10:55:24
阅读次数：
261
使用过 AngularJS 的朋友应该最感兴趣的是它的指令。现今市场上的前端框架也只有AngularJS 拥有自定义指令的功能，并且AngularJS 是目前唯一提供Web应用可复用能力的框架。
目前有很多JavaScript 产品提供插件给Web开发人员。例如， Bootstrap 就是当前比较流行的提供样式和JavaScript插件的前端开发工具包。但是开发人员在使用Booostrap中的插件时， 必须切换到JavaScript 模式来写 jQuery 代码来激活插件虽然jQuery 代码写起来十分简...
分类：
Web程序 时间：
2014-05-18 08:21:28
阅读次数：
503
