javascript函数

1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)
6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7.JS中的值类型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:parseInt(),parseFloat()
9.JS中的数字转换成字符型:(""+变量)
10.JS中的取字符串长度是:(length)
11.JS中的字符与字符相连接使用+号.
12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=
13.JS中声明变量使用:var来进行声明
14.JS中的判断语句结构:if(condition){}else{}
15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
16.循环中止的命令是:break
17.JS中的函数定义:function functionName([parameter],...){statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
20.状态栏的设置:window.status="字符";
21.弹出提示信息:window.alert("字符");
22.弹出确认框:window.confirm();
23.弹出输入提示框:window.prompt();
24.指定当前显示链接的位置:window.location.href="URL"
25.取出窗体中的所有表单的数量:document.forms.length
26.关闭文档的输出流:document.close();
27.字符串追加连接符:+=
28.创建一个文档元素:document.createElement(),document.createTextNode()
29.得到元素的方法:document.getElementById()
30.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; i<form.elements.length;i++){
if (form.elements[i].type == "text"){
form.elements[i].value = "";
}
}
31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE)
32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length
33.单选按钮组判断是否被选中也是用checked.
34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)
35.字符串的定义:var myString = new String("This is lightsword");
36.字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();
37.返回字符串2在字符串1中出现的位置:String1.indexOf("String2")!=-1则说明没找到.
38.取字符串中指定位置的一个字符:StringA.charAt(9);
39.取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);
40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n+1))返回随机数
41.定义日期型变量:var today = new Date();
42.日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dateObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(val)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,dateObj.setSeconds(val)设置秒  [注意:此日期时间从0开始计]
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent代表父亲对象,top代表最顶端对象
45.打开子窗口的父窗口为:opener
46.表示当前所属的位置:this
47.当在超链接中调用JS函数时用:(javascript:)来开头后面加函数名
48.在老的浏览器中不执行此JS:<!--      //-->
49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"></script>
50.指定在不支持脚本的浏览器显示的HTML:<noscript></noscript>
51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:<a href="a.html" >dfsadf</a>
52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
53.JS中的换行:\n
54.窗口全屏大小:<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>
55.JS中的all代表其下层的全部元素

56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1
57.innerHTML的值是表单元素的值:如<p id="para">"how are <em>you</em>"</p>,则innerHTML的值就是:how are <em>you</em>
58.innerTEXT的值和上面的一样,只不过不会把<em>这种标记显示出来.
59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.
60.isDisabled判断是否为禁止状态.disabled设置禁止状态
61.length取得长度,返回整型数值
62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc
63.window.focus()使当前的窗口在所有窗口之前.
64.blur()指失去焦点.与FOCUS()相反.
65.select()指元素为选中状态.
66.防止用户对文本框中输入文本:
67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length
68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()
69.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.';
70.添加到收藏夹:external.AddFavorite("http://www.xrss.cn","jaskdlf");
71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;
72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.
73.JS中的self指的是当前的窗口
74.JS中状态栏显示内容:window.status="内容"
75.JS中的top指的是框架集中最顶层的框架
76.JS中关闭当前的窗口:window.close();
77.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
78.JS中的窗口重定向:window.navigate("http://www.sina.com.cn");
79.JS中的打印:window.print()
80.JS中的提示输入框:window.prompt("message","defaultReply");
81.JS中的窗口滚动条:window.scroll(x,y)
82.JS中的窗口滚动到位置:window.scrollby
83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}}  window.onbeforeunload=verifyClose;
86.当窗体第一次调用时使用的文件句柄:onload()
87.当窗体关闭时调用的文件句柄:onunload()
88.window.location的属性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳转到相应的锚记),href(全部的信息)
89.window.location.reload()刷新当前页面.
89-1.parent.location.reload()刷新父亲对象（用于框架）
89-2.opener.location.reload()刷新父窗口对象（用于单开窗口）
89-3.top.location.reload()刷新最顶端对象（用于多开窗口）
90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)
91.document.write()不换行的输出,document.writeln()换行输出
92.document.body.noWrap=true;防止链接文字折行.
93.变量名.charAt(第几位),取该变量的第几位的字符.
94."abc".charCodeAt(第几个),返回第几个字符的ASCii码值.
95.字符串连接:string.concat(string2),或用+=进行连接
96.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算)
97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.
98.string.match(regExpression),判断字符是否匹配.
99.string.replace(regExpression,replaceString)替换现有字符串.
100.string.split(分隔符)返回一个数组存储值.
101.string.substr(start[,length])取从第几位到指定长度的字符串.
102.string.toLowerCase()使字符串全部变为小写.
103.string.toUpperCase()使全部字符变为大写.
104.parseInt(string[,radix(代表进制)])强制转换成整型.
105.parseFloat(string[,radix])强制转换成浮点型.
106.isNaN(变量):测试是否为数值型.
107.定义常量的关键字:const,定义变量的关键字:var

js函数集

·字符串(String)

1.声明

var myString = new String("Every good boy does fine.");

var myString = "Every good boy does fine.";

2.字符串连接

var myString = "Every " + "good boy " + "does fine.";

var myString = "Every "; myString += "good boy does fine.";

3.截取字符串

//截取第 6 位开始的字符

var myString = "Every good boy does fine.";

var section = myString.substring(6); //结果: "good boy does fine."

//截取第 0 位开始至第 10 位为止的字符

var myString = "Every good boy does fine.";

var section = myString.substring(0,10); //结果: "Every good"

//截取从第 11 位到倒数第 6 位为止的字符

var myString = "Every good boy does fine.";

var section = myString.slice(11,-6); //结果: "boy does"

//从第 6 位开始截取长度为 4 的字符

var myString = "Every good boy does fine.";

var section = myString.substr(6,4); //结果: "good"

4.转换大小写

var myString = "Hello";

var lcString = myString.toLowerCase(); //结果: "hello"

var ucString = myString.toUpperCase(); //结果: "HELLO"

5.字符串比较

var aString = "Hello!";

var bString = new String("Hello!");

if( aString == "Hello!" ){ } //结果: true

if( aString == bString ){ } //结果: true

if( aString === bString ){ } //结果: false (两个对象不同,尽管它们的值相同)

6.检索字符串

var myString = "hello everybody.";

// 如果检索不到会返回-1,检索到的话返回在该串中的起始位置

if( myString.indexOf("every") > -1 ){ } //结果: true

7.查找替换字符串

var myString = "I is your father.";

var result = myString.replace("is","am"); //结果: "I am your father."

8.特殊字符:

\b : 后退符 \t : 水平制表符

\n : 换行符 \v : 垂直制表符

\f : 分页符 \r : 回车符

\" : 双引号 \' : 单引号

\\ : 反斜杆

9.将字符转换成Unicode编码

var myString = "hello";

var code = myString.charCodeAt(3); //返回"l"的Unicode编码(整型)

var char = String.fromCharCode(66); //返回Unicode为66的字符

10.将字符串转换成URL编码

var myString = "hello all";

var code = encodeURI(myString); //结果: "hello%20all"

var str = decodeURI(code); //结果: "hello all"

//相应的还有: encodeURIComponent() decodeURIComponent()

11.将字符串转换成base64编码

// base64Encode() base64Decode() 用法同上

//-----------------------------------------------------------------------

·数字型(Number)

1.声明

var i = 1;

var i = new Number(1);

2.字符串与数字间的转换

var i = 1;

var str = i.toString(); //结果: "1"

var str = new String(i); //结果: "1"

i = parseInt(str); //结果: 1

i = parseFloat(str); //结果: 1.0

//注意: parseInt,parseFloat会把一个类似于"32G"的字符串,强制转换成32

3.判断是否为有效的数字

var i = 123; var str = "string";

if( typeof i == "number" ){ } //true

//某些方法(如:parseInt,parseFloat)会返回一个特殊的值NaN(Not a Number)

//请注意第2点中的[注意],此方法不完全适合判断一个字符串是否是数字型!!

i = parseInt(str);

if( isNaN(i) ){ }

4.数字型比较

//此知识与[字符串比较]相同

5.小数转整数

var f = 1.5;

var i = Math.round(f); //结果:2 (四舍五入)

var i = Math.ceil(f); //结果:2 (返回大于f的最小整数)

var i = Math.floor(f); //结果:1 (返回小于f的最大整数)

6.格式化显示数字

var i = 3.14159;

//格式化为两位小数的浮点数

var str = i.toFixed(2); //结果: "3.14"

//格式化为五位数字的浮点数(从左到右五位数字,不够补零)

var str = i.toPrecision(5); //结果: "3.1415"

7.X进制数字的转换

//不是很懂 -.-

var i = parseInt("0x1f",16);

var i = parseInt(i,10);

var i = parseInt("11010011",2);

8.随机数

//返回0-1之间的任意小数

var rnd = Math.random();

//返回0-n之间的任意整数(不包括n)

var rnd = Math.floor(Math.random() * n)

//-----------------------------------------------------------------------

·Math对象

1. Math.abs(num) : 返回num的绝对值

2. Math.acos(num) : 返回num的反余弦值

3. Math.asin(num) : 返回num的反正弦值

4. Math.atan(num) : 返回num的反正切值

5. Math.atan2(y,x) : 返回y除以x的商的反正切值

6. Math.ceil(num) : 返回大于num的最小整数

7. Math.cos(num) : 返回num的余弦值

8. Math.exp(x) : 返回以自然数为底,x次幂的数

9. Math.floor(num) : 返回小于num的最大整数

10.Math.log(num) : 返回num的自然对数

11.Math.max(num1,num2) : 返回num1和num2中较大的一个

12.Math.min(num1,num2) : 返回num1和num2中较小的一个

13.Math.pow(x,y) : 返回x的y次方的值

14.Math.random() : 返回0到1之间的一个随机数

15.Math.round(num) : 返回num四舍五入后的值

16.Math.sin(num) : 返回num的正弦值

17.Math.sqrt(num) : 返回num的平方根

18.Math.tan(num) : 返回num的正切值

19.Math.E : 自然数(2.718281828459045)

20.Math.LN2 : 2的自然对数(0.6931471805599453)

21.Math.LN10 : 10的自然对数(2.302585092994046)

22.Math.LOG2E : log 2 为底的自然数(1.4426950408889634)

23.Math.LOG10E : log 10 为底的自然数(0.4342944819032518)

24.Math.PI : π(3.141592653589793)

25.Math.SQRT1_2 : 1/2的平方根(0.7071067811865476)

26.Math.SQRT2 : 2的平方根(1.4142135623730951)

//-----------------------------------------------------------------------

·日期型(Date)

1.声明

var myDate = new Date(); //系统当前时间

var myDate = new Date(yyyy, mm, dd, hh, mm, ss);

var myDate = new Date(yyyy, mm, dd);

var myDate = new Date("monthName dd, yyyy hh:mm:ss");

var myDate = new Date("monthName dd, yyyy");

var myDate = new Date(epochMilliseconds);

2.获取时间的某部份

var myDate = new Date();

myDate.getYear(); //获取当前年份(2位)

myDate.getFullYear(); //获取完整的年份(4位,1970-????)

myDate.getMonth(); //获取当前月份(0-11,0代表1月)

myDate.getDate(); //获取当前日(1-31)

myDate.getDay(); //获取当前星期X(0-6,0代表星期天)

myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)

myDate.getHours(); //获取当前小时数(0-23)

myDate.getMinutes(); //获取当前分钟数(0-59)

myDate.getSeconds(); //获取当前秒数(0-59)

myDate.getMilliseconds(); //获取当前毫秒数(0-999)

myDate.toLocaleDateString(); //获取当前日期

myDate.toLocaleTimeString(); //获取当前时间

myDate.toLocaleString( ); //获取日期与时间

3.计算之前或未来的时间

var myDate = new Date();

myDate.setDate(myDate.getDate() + 10); //当前时间加10天

//类似的方法都基本相同,以set开头,具体参考第2点

4.计算两个日期的偏移量

var i = daysBetween(beginDate,endDate); //返回天数

var i = beginDate.getTimezoneOffset(endDate); //返回分钟数

5.检查有效日期

//checkDate() 只允许"mm-dd-yyyy"或"mm/dd/yyyy"两种格式的日期

if( checkDate("2006-01-01") ){ }

//正则表达式(自己写的检查 yyyy-mm-dd, yy-mm-dd, yyyy/mm/dd, yy/mm/dd 四种)

var r = /^(\d{2}|\d{4})[\/-]\d{1,2}[\/-]\d{1,2}$/;

if( r.test( myString ) ){ }

//-----------------------------------------------------------------------

·数组(Array)

1.声明

var arr = new Array(); //声明一个空数组

var arr = new Array(10); //声明一个10个长度的数组

var arr = new Array("Alice", "Fred", "Jean"); //用值初始化数组

var arr = ["Alice", "Fred", "Jean"]; //用值初始化数组

var arr = [["A","B","C"][1,2,3]]; //声明一个二(多)维数组

2.数组的访问

arr[0] = "123"; //赋值

var str = arr[0]; //获取

arr[0][0] = "123"; //多维数组赋值

3.数组与字符串间的转换

var arr = ["A","B","C","D"]; //声明

//数组按分隔符转换成字符串

var str = arr.join("|"); //结果: "A|B|C|D"

//字符串切割成数组

arr = str.split("|");

4.遍历数组

for( var i=0; i<arr.length; i++ ){ alert(arr[i]); }

5.排序

var arr = [12,15,8,9];

arr.sort(); //结果: 8 9 12 15

6.组合与分解数组

var arr1 = ["A","B","C","D"];

var arr2 = ["1","2","3","4"];

//奖两个数组组合成一个新的数组

var arr = arr1.concat(arr2); //结果: ["A","B","C","D","1","2","3","4"]

//将一个数组切成两个数组(参数1:起始索引,参数2:切割长度)

var arr3 = arr.splice(1,3); //结果: arr3:["B","C","D"] arr["A","1","2","3","4"]

//将一个数组切成两个数组,并在原数组补新值

var arr4 = arr.splice(1,3,"AA"); //结果: arr4:["B","C","D"] arr["A","AA","1","2","3","4"]

//-----------------------------------------------------------------------

·自定义对象

1.声明:

function myUser(uid,pwd){

this.uid = uid;

this.pwd = pwd || "000000"; //默认值

this.show = showInfo; //方法

}

//下面的函数不是自定义对象,是自定义对象的方法.继续看下去就明白了

function showInfo(){

alert("用户名:" + this.uid + ",密码:" + this.pwd)

}

2.实例化:

var user = new myUser("user","123456");

var user = {uid:"user",pwd:"123456"};

3.获取与设置

alert("用户名是:" + user.uid); //get

user.uid = "newuser"; //set

user.show(); //调用show()方法

//-----------------------------------------------------------------------

·变量 函数 流程控制

1.变量

var i = 1;

var i = 1, str = "hello";

2.函数

function funName(){

//do something.

}

function funName(param1[,paramX]){

//do something.

}

3.嵌套函数

//某种情况,你需要创建一个函数本身所独有的函数.

function myFunction(){

//do something.

privateFunction();

function privateFunction(){

//do something.

}

}

4.匿名函数

var tmp = function(){ alert("only test."); }

tmp();

5.延迟函数调用

var tId = setTimeout("myFun()",1000); //延迟1000毫秒后再调用myFun()函数

fucntion myFun(){

//do something

clearTimeout(tId); //销毁对象

}

6.流程控制

if( condition ){ }

if( condition ){ } else{ }

if( condition ){ } else if( condition ){ } else{ }

switch( expression ){

case valA : statement; break;

case valB : statement; break;

default : statement; break;

}

7.异常捕获

try{ expression } catch(e){ } finally{ }

//不处理任何异常

window.onerror = doNothing;

function doNothing(){ return true; }

//异常类可用的属性

description : 异常描述(IE,NN)

fileName : 异常页面URI(NN)

lineNumber : 异常行数(NN)

message : 异常描述(IE,NN)

name : 错误类型(IE,NN)

number : 错误代码(IE)

//错误信息(兼容所有浏览器)

try{ }

catch(e){

var msg = (e.message) ? e.message : e.description;

alert(msg);

}

8.加快脚本的执行速度

-避免使用 eval() 函数

-避免使用 with 关键字

-将重复的表达式赋值精简到最小

-在较大的对象中使用索引来查找数组

-减少 document.write() 的使用

//-----------------------------------------------------------------------

·浏览器特征( navigator )

1.浏览器名称

//IE : "Microsoft Internet Explorer"

//NS : "Netscape"

var browserName = navigator.appName;

2.浏览器版本

bar browserVersion = navigator.appVersion;

3.客户端操作系统

var isWin = ( navigator.userAgent.indexOf("Win") != -1 );

var isMac = ( navigator.userAgent.indexOf("Mac") != -1 );

var isUnix = ( navigator.userAgent.indexOf("X11") != -1 );

4.判断是否支持某对象,方法,属性

//当一个对象,方法,属性未定义时会返回undefined或null等,这些特殊值都是false

if( document.images ){ }

if( document.getElementById ){ }

5.检查浏览器当前语言

if( navigator.userLanguage ){ var l = navigator.userLanguage.toUpperCase(); }

6.检查浏览器是否支持Cookies

if( navigator.cookieEnabled ){ }

//-----------------------------------------------------------------------

·控制浏览器窗口( window )

1.设置浏览器的大小

window.resizeTo(800, 600); //将浏览器调整到800X600大小

window.resizeBy(50, -10); //在原有大小上改变增大或减小窗口大小

2.调整浏览器的位置

window.moveTo(10, 20); //将浏览器的位置定位到X:10 Y:20

window.moveBy(0, 10); //在原有位置上移动位置(偏移量)

3.创建一个新的窗口

var win = window.open("about.htm","winName","height=300,width=400");

//参数

alwaysLowered //始终在其它浏览器窗口的后面(NN)

alwaysRaised //始终在其它浏览器窗口的前面(NN)

channelMode //是否为导航模式(IE)

copyhistory //复制历史记录至新开的窗口(NN)

dependent //新窗口随打开它的主窗口关闭而关闭(NN)

fullscreen //全屏模式(所有相关的工具栏都没有)(IE)

location //是否显示地址栏(NN,IE)

menubar //是否显示菜单栏(NN,IE)

scrollbars //是否显示滚动条(NN,IE)

status //是否显示状态栏(NN,IE)

toolbar //是否显示工具栏(NN,IE)

directories //是否显示链接栏(NN,IE)

titlebar //是否显示标题栏(NN)

hotkeys //显示菜单快捷键(NN)

innerHeight //内容区域的高度(NN)

innerWidth //内容区域的宽度(NN)

resizable //是否可以调整大小(NN,IE)

top //窗口距离桌面上边界的大小(NN,IE)

left //窗口距离桌面左边界的大小(NN,IE)

height //窗口高度(NN,IE)

width //浏览器的宽度

4.与新窗口通讯

win.focus(); //让新窗口获得焦点

win.document.write("abc"); //在新窗口上操作

win.document.close(); //结束流操作

opener.close();

5.模式窗口

window.showModalDialog("test.htm",dialogArgs,"param"); //传递对象

window.showModelessDialog("test.htm",myFunction,"param"); //传递函数

window.dialogArguments //对话框访问父窗口传递过来的对象

window.returnValue //父窗口获取对话框返回的值

//参数

center //窗口居中屏幕

dialogHeight //窗口高度

dialogWidth //窗口宽度

dialogTop //窗口距离屏幕的上边距

dialogLeft //窗口距离屏幕的左边距

edge //边框风格(raised|sunken)

help //显示帮助按钮

resizable //是否可以改变窗口大小

status //是否显示状态栏

//例子

<script>

function openDialog(myForm) {

var result = window.showModalDialog("new.html",myForm,"center");

}

</script>

<form action="#" onsubmit="return false">

<input type="text" id="txtId">

<input type="button" id="btnChk" value="验证是否可用" onclick="openDialog(this.form);">

</form>

//另一个页面new.html

<script>

window.dialogArguments.btnChk.enabled = false; //将父窗口中的按钮设置为不可用

//do something to check the Id.

window.write("用户ID: " + window.dialogArguments.txtId.value + " 可使用!"); //获取文本框的值

</script>

//-----------------------------------------------------------------------

·管理框架网页( frames )

1.创建一个框架架构网页

<html>

<frameset rows="50, *">

<frame name="header" src="header.html">

<frame name="main" src="main.html">

</frameset>

</html>

2.访问框架网页

window.frames[i]

window.frames["frameName"]

window.frameName

window.frames["frameName"].frames["frameName2"]

parent.frames["frameName"]

top.frames["frameName"]

3.将某一页面定向到某框架

<a href="new.html" target="main">

location = "new.html";

parent.frameName.location.href = "new.html";

top.frameName.location = "new.html";

4.强制不让其它框架引用某页面

if (top != self) {

top.location.href = location.href;

}

5.更改框架的大小

document.framesetName.rows = "50,*";

document.framesetName.cols = "50,*";

6.动态创建框架网页

var frag = document.createDocumentFragment( );

var newFrame= document.createElement("frame");

newFrame.id = "header";

newFrame.name = "header";

newFrame.src="header.html"

frag.appendChild(newFrame);
newFrame = doc