?1，调用：
? var Result? = window.showModalDialog(“test.html”,””,”dialogWidth=520px;dialogHeight=400px”);
2，在找开的模态窗口test.html中将值存到returnValue，之后会返回值给Result
?? window.returnValue = “123”;
注：table是上下等宽的表格，表示上下两行数据一致，若两行查询条件数量相差较大，不如设置两个table进行调节。
1， td 宽度：为同列宽度最大的td的宽度
?td高度：为同行高度最大的td的高度
同时，td宽度指定后，若其内的控件宽度大于td宽度，则以控件宽度为准。即td宽度以上下，内外最大的为准。
同：若td内的数据长度大于td宽度时，td宽度为数据宽度，造成变化。
案例：多个table同样的css,tr,td都一样放在一起，但就是上下格对不齐，分析了老久才知是不同的table中存的数据不一样，造成td扩展的宽度也不尽相同，呈现出来的就是不整齐的现象。
注：上述是默认情况，为改变这种td宽度为内容的宽度的情况，可设置： table-layout:fixed;
<TABLE id=”Table1″ style=”TABLE-LAYOUT:fixed” border=”1″>
table布局方式：auto 默认列宽度由单元格内容设定。 fixed：列宽由表格宽度和列宽度设定。
2，两行，若上一行有一个较宽，则根据1原则下一行相同位置的td也会很宽，可能不满足要求，此时可将上一行的较宽的td跨多个td（colspan）,此时在下
一行相同位置设置td宽度即可。即：一般下设置了上一行的宽度，下一行的就不会再设置，要设置的话也是因为上一行有colspan，要调整。
3,宽度：一般电脑都是1024*768之上的，故在设置宽度的时候，宽度要设置<=768 * 设置的百分比
<input type=’text’> 输入框长度默认为152px,故在设置td宽度的时候，为了易于控件，td的宽度至少要大于152px;
text:默认宽度为:152px;
多行text:默认宽度为：193px;
td: 默认为:12px
? 10px;
1，发送邮件：<a href=”mailto:someone@microsoft.com?subject=Hello%20again”>发送邮件</a> 打开本地邮件系统进行发送操作
<a href=”mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!”>发送邮件！</a>
注：使用 %20 来替换单词之间的空格
2，跳转到具体的位置
（1）<a href=”#C4″>查看 Chapter 4。</a>
?<a name=”C4″>Chapter 4</a>?? 定义锚点
（2）转到另一页面的某个位置
<a href=”http://www.w3school.com.cn/html_links.asp#tips“>
<a href=”#“> 利用这个可跳转到本页的开始，因为找不到这个锚点，默认转到头部
3，定义框架
（1）水平
? <frameset rows=”25%,50%,25%”>
?? <frame src=”/example/html/frame_a.html”>
?? <frame src=”/example/html/frame_b.html”>
?? <frame src=”/example/html/frame_c.html”>
</frameset>
垂直用cols
注：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！
4，<td></td>会显示一个没有边框的单元格，为避免这种种情况，可加入空格。<td> </td>
5，表格带标题：caption
<table border=”6″>
<caption>我的标题</caption>
…..
6,列表
? （1） 有序：即前带数字 <ol><li>咖啡</li><li>茶</li><li>牛奶</li></ol> 可通过<ol type=”A”> 定义以字母还是数字显示顺序
? （2）无序： 即前为圆点 <ul><li>咖啡</li><li>茶</li><li>牛奶</li></ul> 可通过<ul type=”circle”>定义前显示的符号
7，div与span的区别：DIV属于区块元素，它可以作为容器嵌入其他标签，SPAN则属于线内元素。div与table一样，而span就如<b></b>一样。
8, 密码域：<input type=”password” name=”password”>
9, 设置控件外包显示，类似panel的标题
fieldset元素用于对表单中的元素进行分组并在文档中区别标出文本。
?? legend域标题，在?fieldSet?对象绘制的方框内插入一个标题。legend元素必必位于fieldset内的第一个元素。
?<tr onclick=”alert(this.children[0].innerText)”><td>123</td><td>sdf</td></tr>
父指包含它的元素。如td的父就是tr
parentElement?获取对象层次中的父对象。?
parentNode?获取文档层次中的父对象。?
childNodes?获取作为指定对象直接后代的?HTML?元素和?TextNode?对象的集合, 返回子节点集合（包含文本节点及标签节点）
children?获取作为对象直接后代的?DHTML?对象的集合,返回子标签节点集合
previousSibling 当前节点的前一节点
nextSibling – 取得某节点的下一个同级节点
nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。
nodeName 属性含有某个节点的名称。
??? * 元素节点的 nodeName 是标签名称
??? * 属性节点的 nodeName 是属性名称
??? * 文本节点的 nodeName 永远是 #text
??? * 文档节点的 nodeName 永远是 #document
注释：nodeName 所包含的 XML 元素的标签名称永远是大写的
nodeValue
对于文本节点，nodeValue 属性包含文本。
对于属性节点，nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。
nodeType
nodeType 属性可返回节点的类型。
最重要的节点类型是：
元素类型 ??? 节点类型
元素element ??? 1
属性attr ??? 2
文本text ??? 3
注释comments ??? 8
文档document ??? 9
var s = document.getElementById(“txtUserName”);
alert ( s.value ); alert(s.id);
直接操作。
onclick = “this.style.backgroundColor=’#FF0000′
1，鼠标事件
事件如delphi一样，可执行点击按键操作
?一、数据类型
?? 在js只有五种数据类型，null, undefined, String, Number,Object
????? undefined：未定义，我们也可称之为不存在，typeof(undefined)=undefined.
null:为空。undefined是不存在，而null是存在，但却无。typeof(null)=object,但null又不是object，且undefined==null
boolean:true or false。
Number: 数字如：var s= new Number(20);??? alert(s.toString(2)); //10100? 接收时不是用Number a = new Number(20),而是用var 这样s就是一个Number类型，其属性有：MAX_VALUE 可表示的最大的数。MIN_VALUE 可表示的最小的数。 NaN 非数字值。NEGATIVE_INFINITY 负无穷大，溢出时返回该值。POSITIVE_INFINITY 正无穷大，溢出时返回该值。 方法有：toString? 可以接受一个从2到36的数字，然后把我们的Number转换为相应的进制数。
????? 注：NaN和Infinity是两个特殊之数，NaN代表一个无法用数值来表示的数字，而Infinity代表一个无穷大的数字，相对的，-Infinify则代表负无穷大。在此有两点特殊的地方：NaN!=NaN，Infinity/Infinity=NaN。
String：字符串，Javascript中没有字符的概念，字符串是表示文本的最小单位。在字符串中，有这样的两个函数，分别是charAt(index)和charCodeAt(index)分别返回对应索引的字符和字符Unicode编码。在我们平时，可能经常会使用下标的方式访问，如s[10]，可是这并不是ECMAScript的标准，应该尽量避免。
二，js建立类对象
?1，成员变量权限分为私有与公有。私有指用var建立的成员 ，公有指用this建立的对象???
var obj = function () {??? var a = 1;??? this.b = 2;??? this.c = 5;??? this.fun = function () {? ?? this.c = a+this.b;??? }};
var o = new obj(); o.fun();????????? alert(o.b);?? //2 ???????? alert(o.a);? //不可访问结果为undefined
2,为类动态增加变量，函数—prototype
??? var obj = function () {? this.c = 5;};
var o = new obj(); alert(o.c);? //5
obj.prototype.tt = -3? obj.prototype.setValue = function(){?? this.c = -1; } //可直接操作类成员
o.setValue(); //设置后直接调用
alert(o.c);
alert(o.tt);
利用prototype有个好处，定义的东西多个实例也是共用一个。不然直接定义方法，则每一个实例的方法是不一样的，存在不同的地址中
1，数据转换
2, 一个值中提取另一种类型的值
3, 运行字符串指定的函数 – EVAL
4, 变量指定可指定为方法， //js方法形参不用var 直接指定一个名字即可如：function doit( username ){}
?var?myfunc?=?function?()
????????{
????????????alert(“hello“);
????????};
?js没有类，但可用{} 来创建，并可指定方法。如： var s = {}; ? s.info = myfunc;??????????? s.info();JavaScript里的代码如方法等也是一种数据，同样可以被任意赋值和修改!var speaker = {text: “Hello World”, say: function(){alert(this.text)}};? 用{} 创建了一个对象，拥有text属性与say方法。
注：没有对象实例的概念，对象即是实例。
对象创建采用的是json方法。 JavaScript Object Notation(缩写JSON)的形式，翻译为中文就是“JavaScript对象表示法”。
或者用：var car = new Object(); car.colur = ‘red’;
5, js 创建对象的方法
6, 查看网页源代码
. <input type=button value=”/查看网页源代码
onclick=”window.location = “view-source:”+ “http://www.pconline.com.cn“”>???????????? //view-source:www.baidu.com
7,让页面可编辑：
document.body.contentEditable=’true’;document.designMode=’on’;
8,ENTER键可以让光标移到下一个输入框
<input onkeydown=”if(event.keyCode==13)event.keyCode=9″>
9, 事件执行后执行另一个事件
<ice:inputText onkeydown=”return testKey(event)” id=”proff” style=”width: 81px” value=”#{Logon.imageValue}” />
<script language=”javascript”>
function testKey(event){
if(event.keyCode==13){
document.getElementById(“logon:logonButton”).click();
return false;
}
}
</script>
10, <noscript> 标签用于定义假如脚本没有执行时的替代文本。这个标签被用于以下情况：如果浏览器能够识别 <script> 标签，但是不支持其中的脚本，那么这些浏览器将显示出 <noscript> 标签内部的文本。不过，如果浏览器支持 <script> 内的脚本，那么浏览器将忽略 <noscript> 标签。
?1，输出：
<html>
<body>
<script type=”text/javascript”>
document.write(“<h1>Hello World!</h1>”);
</script>
</body>
</html>
2， 一些浏览器不支持js, 要在script中加上<!– –>当不支持时就屏蔽掉。
<script type=”text/javascript”>
<!–
document.write(“Hello World!”);
//–>??????????????????? //是js的注释，防止js执行 –>
</script>
3，注释用:/**/ 或//???? 引用外部js文件，
?
4,字符串相加，用”+” ；一个字符串与一数据相加结果为一字符串, 转义字符用”\” 如截断”document.write(“Hello \
World!”);
5，因头部加载在body之前，故最好js函数在head中定义，以确保在调用之前js函数已经加载完毕。
6， if , switch , for , while 同java ,遍历数组可用 for ( i in mycars), 异常处理：
try ? { ? throw “Err2”; ? } catch(err) ? { ? //Handle errors here ? }
7, 事件有：onFocus, onBlur and onChange,onSubmit,onMouseOver,onMouseOut;
8, JS 大小写敏感
9, 字符串方法： length, toUpperCase(),indexOf; 某字符第一次出现的位置，若无，返回-1
10, 日期操作: var myDate=new Date();? myDate.setDate(myDate.getDate()+5); today;
11, 数组：var myCars=new Array(“Saab”,”Volvo”,”BMW”);
12，boolean 值： var myBoolean=new Boolean(false);
13，数学函数： Math.PI， Math.sqrt(16)， Math.LOG2E，Math.round(4.7) = 5， Math.random()
14，正则表达式：同java类似，var patt1=new RegExp(“e”); document.write(patt1.test(“The best things in life are free”)); 测试是否含有“e”,若存在，返回true
15, 创建cookie: var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); document.cookie=+ “mycookiee”+exdate.toGMTString());
16, with 当得到一个父容器的引用此，利用with,其内的元素就不必加下引容器的名称。
function validate_form(thisform)
{
with (thisform)
? {
? ??? userName = “123”;
? }
}
setInterval 每隔多少执行一次
setTimeout 在多少之后执行一次，只执行一次。！?<!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>
<title></title>
</head>
<body>
<script language=”javascript” type=”text/javascript”>
function showDate()
{
document.getElementById(“div1”).innerHTML=Date();
}// 每间隔 1 秒后调用如上方法
setInterval(“showState()”,1000);
</script>
<div id=”div1″></div>
</body>
</html>1,时间间隔可以用 setInterval 命令来创建并用 clearInterval 命令来终止。setInterval 所用的参数有两种格式。在第一种格式中，你传递给 setInterval 的参数可以是一个函数名，一段时间上的间隔以及一些传递给前面函数的相关参数。当 setInterval 运行时它会依照规定的时间间隔依次将列出的参数传递给指定的函数，直到你调用 clearInterval 将其终止。
2,setTimeout方法不会每隔n秒钟就执行一次 showTime函数，它是在每次调用setTimeout后过n秒钟再去执行showTime函数。这意味着如果showTime函数的主体部分需要2 秒钟执行完，那么整个函数则要n+2秒钟才执行一次。而setInterval却没有被自己所调用的函数所束缚，它只是简单地每隔一定时间就重复执行一次那个函数。如果要求在每隔一个固定的时间间隔后就精确地执行某动作，那么最好使用setInterval，而如果不想由于连续调用产生互相干扰的问题，尤其是每次函数的调用需要繁重的计算以及很长的处理时间，那么最好使用setTimeout。
1，window.open(‘CancelCause.aspx’);
2，window.open(‘CancelCause.aspx’,’child’);
3，window.open(‘CancelCause.aspx’,’child’,’height=800, width=400, top=0, left=400′):
4，window.open(‘CancelCause.aspx’,’child’,’height=800, width=400, top=0, left=400,toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no’)
当指定了第三个参数的时候，默认toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no，即：3等同4
window.open 弹出新窗口的命令；
’page.html’ 弹出窗口的文件名, 为子窗口句柄,而open返回值为子窗口的window对象，注意区别
’child’ 弹出窗口的名字（不是文件名），非必须，可用空”代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
????? fullscreen=”yes” 最大化
????? alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY | pixel value | 窗口距屏幕上边界的像素长度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上
上边四种情况的open函数返回值都是新打开的窗口的句柄，可用来操作新找开的窗口。
如：OpenWindow=window.open(“”, “newwin”, “height=250, width=250,toolbar=no ,scrollbars=”+scroll+”,menubar=no”);
????? OpenWindow.document.write(“<TITLE>例子</TITLE>”)
1，opener 属性是一个可读可写的属性，可返回对创建该窗口的 Window 对象的引用。 opener 属性非常有用，创建的窗口可以引用创建它的窗口所定义的属性和函数。可利用其来操作别一个窗口，前提是当前窗口是在另一个窗口的链接或open打开的。opener就代表父窗口的引用。
如：1.html:
?? input name=”” id = “father” type=”text” />
<a href=”2.html” target=”_blank”>2.html</a>
????? 2, <input name=”” type=”text” onKeyUp=”opener.document.getElementById(‘father’).value=this.value;” />
则当打开2.html之后，在2.html的input中输入文本，1.html中的input文本内容也会随之变化。
opener用来子窗口控制父窗口，父窗口要想控制子窗口的话，var myWin = window.open(‘new.html’);用myWin保存打开的子窗口的womdpw进行控制。myWin是一个window对象
?window是JavaScript中最大的对象，它描述的是一个浏览器窗口。
window 包括screen,document, location …
screen 屏幕对象 反映了当前用户的屏幕设置。
document 文档对象 描述当前窗口或指定窗口对象的文档。
location 对象，连接
location对象? ?
- href 整个URL字符串.
- protocol 含有URL第一部分的字符串,如http:
- host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/
- hostname 包含URL中主机名的字符串.如http://www.cenpok.net
- port 包含URL中可能存在的端口号字符串.
- pathname URL中”/”以后的部分.如~list/index.htm
- hash “#”号(CGI参数)之后的字符串.
- search “?”号(CGI参数)之后的字符串. //得到URL传来的参数
function getUrlPara(paraName){?
var URLParams = new Object();
var aParams = document.location.search.substr(1).split(“&”);
if ( aParams == “” || aParams == undefined ){
??? return 0;
}
for (i=0; i<aParams.length; i++)
{
???? var aParam = aParams[i].split(“=”);
???? URLParams[aParam[0]] = aParam[1];
}
? return URLParams[paraName];}
document 文档对象 描述当前窗口或指定窗口对象的文档。它包含了文档从<head>到</body>的内容。
dom对象指的就是位于文档内的对象
1，
属性
cookie 关于 cookie 请参看“使用框架和 Cookies”一章。
lastModified 当前文档的最后修改日期，是一个 Date 对象。
referrer 如果当前文档是通过点击连接打开的，则 referrer 返回原来的 URL。
title 指<head>标记里用<title>…</title>定义的文字。在 Netscape 里本属性不接受赋值。
fgColor 指<body>标记的 text 属性所表示的文本颜色。
bgColor 指<body>标记的 bgcolor 属性所表示的背景颜色。
linkColor 指<body>标记的 link 属性所表示的连接颜色。
alinkColor 指<body>标记的 alink 属性所表示的活动连接颜色。
vlinkColor 指<body>标记的 vlink 属性所表示的已访问连接颜色。
2， document.getElementsByTagName(“input”) ? ? ? TagName:指类型，
???? document.getElementsById(“input”) ?
?? ?document.getElementsByName(“input”)
screen 屏幕对象 反映了当前用户的屏幕设置。
属性
width 返回屏幕的宽度（像素数）。
height 返回屏幕的高度。
availWidth 返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏的东西所占用的宽度）。
availHeight 返回屏幕的可用高度。
colorDepth 返回当前颜色设置所用的位数 – 1：黑白；8：256色；16：增强色；24/32：真彩色
1,他是JavaScript中最大的对象，它描述的是一个浏览器窗口。一般要引用它的属性和方法时，不需要用“window.xxx”这种形式，而直接使用“xxx”。一个框架页面也是一个窗口。如：window.document，一般直接用document.
?
?2, self 指窗口本身，它返回的对象跟 window 对象是一模一样的。最常用的是“self.close()”，放在<a>标记中：“<a href=”javascript:self.close()”>关闭窗口</a>”。 window.等同于close()? self.close()
?3,判断浏览器：window.navigator.userAgent.indexOf(“Firefox”)>=1
?? 注：navigator 浏览器对象 反映了当前使用的浏览器信息，
?? ?appCodeName 返回浏览器的“码名”(?)，流行的 IE 和 NN 都返回 ‘Mozilla’。
?? ?appName 返回浏览器名。IE 返回 ‘Microsoft Internet Explorer’，NN 返回 ‘Netscape’。
?? ?appVersion 返回浏览器版本，包括了大版本号、小版本号、语言、操作平台等信息。
?? ?platform 返回浏览器的操作平台，对于 Windows 9x 上的浏览器，返回 ‘Win32’（大小写可能有差异）。
?? ?userAgent 返回以上全部信息。例如，IE5.01 返回 ‘Mozilla/4.0 (compatible; MSIE 5.01; Windows 98)’。
?? ?javaEnabled() 返回一个布尔值，代表当前浏览器允许不允许 Java。
?
4，打开窗口 window.open? ,后退： window.history.go(-1);
5,
6 Window窗口对象有如下事件：
window.onload;发生在文档全部下载完毕的时候。全部下载完毕意味着不但 HTML 文件，而且包含的图片，插件，控件，小程序等全部内容都下载完毕。本事件是 window 的事件，但是在 HTML 中指定事件处理程序的时候，我们是把它写在<body>标记中的。
window.onunload;发生在用户退出文档（或者关闭窗口，或者到另一个页面去）的时候。与 onload 一样，要写在 HTML 中就写到<body>标记里。
<select onclick=”this.old = this.value”>
?old属性就是 之前的值
地址栏中不仅仅只支持http协议，还有：
https;
file; 打开本地文件
ftp;
view-source; 查看指定连接的源码
javascript: 执行js代码
mailto:goodasong@gmail.com? 调用本地邮箱发邮件mailto:goodasong@gmail.com
1, 用作URL的JavaScript代码前要增加javascript:以说明使用的是JavaScript协议, 可直接在地址栏中输出javascript:alert(‘123’);来执行js命令
2, 利用浏览器打开网页之后，就可直接在地址栏中输入命令，进行资料的整合
?? 如：javascript:alert(“链接数: “+document.links.length);????????? //统计当前页面的连接数
页面打开，代表它已经存储在本地，当然可以按照自己的想法进行修改，这也是Firebug页面修改的原理所在
一、在网页文件的<script></script>标签对中直接编写JavaScript脚本代码； <script></script>标签对的位置并不是固定的，可以出现在<head></head>或<body></body>的任何位置。在一个HTML文档中可以有多段JavaScript代码。每段JavaScript代码可以相互访问，这与将所有代码放入同一对<script></script>之间的效果是一致的。在页面加载时此代码会自动执行!, 若放在function中，在调用时才会执行。 <input type=button value=click onclick=”alert(new Date());”>
? 二、将JavaScript脚本程序代码放置在一个单独的文件中，在网页文件中引用这个脚本程序。 ，这个文件以js为扩展名，其被称作为JavaScript脚本文件，在页面引入：<script src=”firstScript.js” language=”javascript”/>
三、将脚本程序代码作为某个元素的事件属性值或超链接的href属性。??? <a href=”javascript:alert(new Date());”>javascript</a>单击这个超链接，浏览器就会执行javascript:后面的脚本程序代码。
?????? JavaScript扩展了标准的HTML，为HTML标签增加了各种事件属性，比如，对Button而言，可以设置一个新的属性onclick，onclick的属性值就是一段JavaScript程序代码，当单击这个按钮后，onclick属性中的JavaScript代码就会被浏览器解释执行。如下所示：
?????? <input type=button value=click onclick=”alert(new Date());”>
注意：用作URL的JavaScript代码前要增加javascript:，以说明使用的是JavaScript协议，但事件属性中的JavaScript程序代码前则不用增加javascript:进行说明。