http://www.cnblogs.com/rubylouvre/archive/2009/10/26/1589692.html
研究了几天，终于搞出自己的树来。总结一下，留待以后改进用。
作为UI控件的树与数据结构的树有很大的不同，它分为根节点，枝节点与叶节点。根节点有子树，并不隶属于其他树。枝节点有子树，并作为某一子树的节点而存在。叶节点只作为某一子树的节点而存在，并且没有子树。但仅是这样，无法绘制树的。我们看下面的图，树在网页中无论样子如何，从上到下都是一行行分开的。每一行都有几张图片与文本。这些图片大致分三类，一是虚线图标与加号图标与减号图标，我把它们统称为连线图标；二是装饰用的文件夹图标，或者根节点的那个地球，或者叶子节点的文档，或者类似的电脑、苹果、回收站等等，我称之为装饰图标；最后是checkbox，它分三种状态。图标的种类如此多，仅是根枝叶加关闭展开这两种状态，也只是六种可能，因此我们还得把枝节点细分为普通枝与末枝，叶节点也一样。由于连线图标与装饰图标的作用很相似，装饰图标好像是从视觉上强调点击连线图标会出现的效果，因此我们可以用CSS把它们整合到一起，以节省一个DOM。
我们单独拿根节点分析。表面上，它有三个图标，一个文本，实质上，只有两个图标� ......
在网页中动态载入的 JavaScript 对于页面显示的速度影响甚多，不得不注意！
尤其是很多人习惯把 JavaScript include 写在 <head> 区块中，这样一来最大的问题就是 Browser 必须要等到 JavaScript 全部读完后才会开始显示网页，如果你像信义房屋这样，读一个首页要下载 18 个 JavaScript 外部档且「没有大频宽」的话，首页就要等这 18 个 JavaScript 下载完才会开始显示网页，在这之前使用者就只会看到白白的一片画面！
所以我有两个建议：
1. 建议尽量将 JavaScript 摆在 </body> 之前
2. 建议将所有外部的 JavaScript 档案都先「瘦身」过！
至于瘦身的话，我是习惯用 JSMin 这个工具，在上线前跑一个自己写的批次档将所有 *.js 档压缩过再传到网站上，这样至少可以减少一些档案下载的时间。
你可到这个网站 ( http://www.crockford.com/javascript/jsmin.html ) 下载 jsmin.exe 档，使用方法是：
C:\> jsmin.exe < fulljslint.js > jslint.js
这样就可以将 fulljslint.js 压缩后储存到 jslint.js 档案了，但要切记不要输入与输出用相同的档名，这会把你� ......
/*
由于javascript是一种无类型语言,所以一个数组的元素可以具有任意的数据类型,同一个数组的不同元素
可以具有不同的类型,数组的元素设置可以包含其他数组,这样就可以创建一个复杂的数组了.
并且在这点上说javascript作为一种脚本语言不同于那种严格的面向对象的c++.c#,java了.具有更高的灵活性.
*/
/*
*在javascript1.1和其后的版本中,数组是用构造函数Array()和运算符new来创建,
可用以下的三种方式来创建javascript 中的数组.
*/
var a=new Array();
var b=new Array(5,4,3,"first","test,string");
var c=new Array(20);
a[1.23]="test";
document.write("a[1.23]="+a[1.23]);
//相信每位从强类型的编程语言学习javascript时,绝对会以为上面这种操作感到惊讶,
//float数据也作数组的下标了,事实上 并非如您所想
//javascript在您是用负数,浮点数,(或布尔型,对象, ......
//设置当前页面为用户的首页
function setHomepage()
{
document.body.style.behavior='url(#default#homepage)';
document.body.setHomePage(window.location.href);
event.returnValue=false;
return;
}
//加入收藏
function addFavorite()
{
window.external.addFavorite(window.location.href,document.title);
} ......
Javascript中常用的经典技巧
1. oncontextmenu="window.event.returnValue=false"
将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table>
可用于Table
2. <body onselectstart="return false">
取消选取、防止复制
3. onpaste="return false"
不准粘贴
4. oncopy="return false;" oncut="return false;"
防止复制
5. <link rel="Shortcut Icon" href="favicon.ico"> IE
地址栏前换成自己的图标
6. <link rel="Bookmark" href="favicon.ico">
可以在收藏夹中显示出你的图标
7. <input style="ime-mode:disabled">
关闭输入法
8.
永远都会带着框架
<script language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm
为框架网页
// --></script>
9.
防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.locatio ......
拼图游戏，在ie7 ，火狐，谷歌 测试通过。
HTML code
<!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 runat="server">
<title>无标题页</title>
<script type="text/javascript">
var mapBlock=3; //3 * 3 个单元格
var mapWH=300; //地图的大小
var tabobj;
var imgsrc="http://i3.6.cn/cvbnm/35/b7/8f/4e78358bc9f1b80a62a749d04bf409d8.jpg";
var backgroundPositionArr;
function createMap()
{
&nbs ......
最新文章 :