js的方法可是有一些,想具体了解,可以去下载一本js手册 a abs 返回数字的绝对值 acos 返回数的反余弦值 anchor 在对象中的指定文本两端放置一个有 NAME 属性 HTML 锚点 apply 应用某一对象的一个方法,用另一个对象替换当前对象 asin 返回数字的反正弦值 atan 返回数字的反正切值 atan2 返回由 X 轴到 ( y , x ) 点的角度(以弧度为单位) atEnd 返回一个 Boolean 值,指明枚举算子是否位于集合的末尾 b big 把 HTML <BIG> 标记放置在 String 对象中的文本两端 blink 把 HTML <BLINK> 标记放置在 String 对象中的文本两端 bold 把 HTML <B> 标记放置在 String 对象中的文本两端 c call 调用一个对象的一个方法,以另一个对象替换当前对象 ceil 返回大于等于其数字参数的最小整数 charAt 返回指定索引位置处的字符 charCodeAt 返回一个整数,代表指定位置上字符的 Unicode 编码 compile 把正则表达式编译为内部格式,从而执行得更快 concat 返回一个新数组,这个新数组是由两个或更多数组组合而成的 concat(String) 返回字符串值,该值包含了两个或更多个提供的字符串的连接 cos 返回数的余弦值 d decodeURI 返回一个已编码的统一资源标识符 (URI) 的非编码形式 decodeURIComponent 返回统一资源标识符 (URI) 的一个已编码组件的非编码形式 dimensions 返回 VBArray 的维数 e encodeURI 将文本字符串编码为一个有效的统一资源标识符 (URI) encodeURIComponent 将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件 escape 对 String 对象编码以便它们能在所有计算机上可读 eval 检查 JScript 代码并执行 exec 用正则表达式模式在字符串中运行查找,并返回包含该查找结果的一个数组 exp 返回 e(自然对数的底)的幂 f fixed 把HTML<TT>标记放置在 String 对象中的文本两端 floor 返回小于等于其数值参数的最大整数 fontcolor 把带有 COLOR 属性的一个 HTML <FONT> 标记放置在 String 对象中的文本两端 fontsize 把一个带有 SIZE 属性的 HTML <FONT> 标记放置在 String 对象中的文本的两端 fromCharCode 从一些 Unicode 字符值中返回一个字符串 g getDate 返回 Date 对象中用本地时间表示的一个月中的日期值 getDay 返回 Date 对象中用本地时间表示的一周中的日期值 getFullYear 返回 Date 对象中用本地时间表示的年份值 getHours 返回 Date 对象中用本地时间表示的小时值 getItem 返回指定位置的项 getMilliseconds 返回 Date 对象中用本地时间表示的毫秒值 getMinutes 返回 Date 对象中用本地时间表示的分钟值 getMonth 返回 Date 对象中用本地时间表示的月份值 getSeconds 返回 Date 对象中用本地时间表示的秒钟值 getTime 返回 Date 对象中的时间值 getTimezoneOffset 返回用分钟表示的主计算机上的时间和全球标准时间 (UTC)之间的差别 getUTCDate 返回 Date 对象中用全球标准时间 (UTC)表示的日期 getUTCDay 返回 Date 对象中用全球标准时间 (UTC)表示的一周中的日期值 getUTCFullYear 返回 Date 对象中用全球标准时间 (UTC)表示的年份值 getUTCHours 返回 Date 对象中用全球标准时间 (UTC)表示的小时值 getUTCMilliseconds 返回 Date 对象中用全球标准时间 (UTC)表示的毫秒值 getUTCMinutes 返回 Date 对象中用全球标准时间 (UTC)表示的分钟值 getUTCMonth 返回 Date 对象中用全球标准时间 (UTC)表示的月份值 getUTCSeconds 返回 Date 对象中用全球标准时间 (UTC)表示的秒钟值 getVarDate 返回 Date 对象中的 VT_DATE 值 getYear 返回 Date 对象中的年份值 i indexOf 返回 String 对象内第一次出现子字符串的字符位置 isFinite 返回一个 Boolean 值,指明所提供的数字是否是有限的 isNaN 返回一个 Boolean 值,指明提供的值是否是保留值 NaN (不是数字) italics 把 HTML <I> 标记放置在 String 对象中的文本两端 item 返回集合中的当前项 j join 返回字符串值,其中包含了连接到一起的数组的所有元素,元素由指定的分隔符分隔开 l lastIndexOf 返回 String 对象中子字符串最后出现的位置 lbound 返回在 VBArray 的指定维中所使用的最小索引值 link 把一个有 HREF 属性的 HTML 锚点放置在 String 对象中的文本两端 localeCompare 返回一个值,指出在当前的区域设置中两个字符串是否相同 log 返回数字的自然对数 match 使用正则表达式模式对字符串执行查找,并将包含查找的结果作为数组返回 max 返回给出的零个或多个数值表达式中较大者 min 返回给出的零个或多个数值表达式中较小者 moveFirst 重新将集合中的当前项设置为第一项 moveNext 将集合中的当前项移动到下一项 p parse 解析一个包含日期的字符串,并返回该日期与 1970 年 1 月 1 日午夜之间所间隔的毫秒数 parseFloat 返回由字符串转换得到的浮点数 parseInt 返回由字符串转换得到的整数 pop 移除数组中的最后一个元素并返回该元素 push 将新元素添加到一个数组中,并返回数组的新长度值 r random 返回介于 0 和 1 之间的伪随机数 replace 返回根据正则表达式进行文字替换后的字符串 的拷贝 reverse 返回一个元素顺序被反转的 Array 对象 round 返回与给出的数值表达式最接近的整数 s search 返回与正则表达式查找内容匹配的第一个子字符串的位置 setDate 设置 Date 对象中用本地时间表示的数字日期 setFullYear 设置 Date 对象中用本地时间表示的年份值 setHours 设置 Date 对象中用本地时间表示的小时值 setMilliseconds 设置 Date 对象中用本地时间表示的毫秒值 setMinutes 设置 Date 对象中用 本地时间表示的分钟值 setMonth 设置 Date 对象中用 本地时间表示的月份值 setSeconds 设置 Date 对象中用 本地时间表示的秒钟值 setTime 设置 Date 对象的日期和时间值 setUTCDate 设置 Date 对象中用全球标准时间 (UTC)表示的数值日期 setUTCFullYear 设置 Date 对象中用全球标准时间 (UTC)表示的年份值 setUTCHours 设置 Date 对象中用全球标准时间 (UTC)表示的小时值 setUTCMilliseconds 设置 Date 对象中用全球标准时间 (UTC)表示的毫秒值 setUTCMinutes 设置 Date 对象中用全球标准时间 (UTC)表示的分钟值 setUTCMonth 设置 Date 对象中用 全球标准时间 (UTC)表示的月份值 setUTCSeconds 设置 Date 对象中用全球标准时间 (UTC)表示的秒值 setYear 设置 Date 对象中的年份值 shift 移除数组中的第一个元素并返回该元素 sin 返回数字的正弦值 slice (Array) 返回一个数组的一段 slice (String) 返回字符串的片段 small 将 HTML 的<SMALL> 标识添加到 String 对象中的文本两端 sort 返回一个元素已经进行了排序的 Array 对象 splice 从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素 split 将一个字符串分割为子字符串,然后将结果作为字符串数组返回 sqrt 返回数字的平方根 strike 将 HTML 的<STRIKE> 标识放置到 String 对象中的文本两端 sub 将 HTML 的 <SUB> 标识放置到 String 对象中的文本两端 substr 返回一个从指定位置开始的指定长度的子字符串 substring 返回位于 String 对象中指定位置的子字符串 sup 将 HTML 的<sup> 标识放置到 String 对象中的文本两端 t tan 返回数字的正切值 test 返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式 toArray 返回一个由 VBArray 转换而来的标准 JScript 数组 toDateString 以字符串值的形式返回一个日期 toExponential 返回一个字符串,其中包含一个以指数记数法表示的数字 toFixed 返回一个字符串,代表一个以定点表示法表示的数字 toGMTString 返回一个日期,该日期用格林威治标准时间 (GMT) 表示并已被转换为字符串 toLocaleDateString 以字符串的形式返回与宿主环境的当前区域设置相对应的日期 toLocaleLowerCase 返回一个字符串,其中所有的字母字符都被转换为小写,同时考虑到宿主环境的当前区域设置 toLocaleString 返回一个日期,该日期使用当前区域设置并已被转换为字符串 toLocaleTimeString 以字符串的形式返回与宿主环境的当前区域设置相对应的时间 toLocaleUpperCase 返回一个字符串,其中所有的字母字符都被转换为大写,同时适应宿主环境的当前区域设置 toLowerCase 返回一个字符串,该字符串中的字母被转换为小写字母 toPrecision 返回一个字符串,其中包含一个以指数记数法或定点记数法表示的,具有指定数字位数的数字 toString 返回对象的字符串表示 toTimeString 以字符串形式返回时间 toUpperCase 返回一个字符串,该字符串中的所有字母都被转化为大写字母 toUTCString 返回一个已被转换为字符串的,用全球标准时间 (UTC)表示的日期 ubound 返回在 VBArray 的指定维中所使用的最大索引值 unescape 解码用 escape 方法进行了编码的 String 对象 unshift 将指定的元素插入数组开始位置并返回该数组 UTC 返回全球标准时间 (UTC) (或 GMT) 的 1970 年 1 月 1 日到所指定日期之间所间隔的毫秒数 valueOf 返回指定对象的原始值
4
|
评论
提问者对回答的评价:
谢谢失落的糖果,也谢谢see7di
按默认排序|按时间排序
其他回答 共1条
2006-10-21 03:28
see7di
| 一级
1 创建脚本块 1: <script language=”JavaScript”> 2: JavaScript code goes here 3: </script> 2 隐藏脚本代码 1: <script language=”JavaScript”> 2: <!-- 3: document.write(“Hello”); 4: // --> 5: </script> 在不支持JavaScript的浏览器中将不执行相关代码 3 浏览器不支持的时候显示 1: <noscript> 2: Hello to the non-JavaScript browser. 3: </noscript> 4 链接外部脚本文件 1: <script language=”JavaScript” src="http://img.sxsky.net/it//”filename.js"”></script> 5 注释脚本 1: // This is a comment 2: document.write(“Hello”); // This is a comment 3: /* 4: All of this 5: is a comment 6: */ 6 输出到浏览器 1: document.write(“<strong>Hello</strong>”); 7 定义变量 1: var myVariable = “some value”; 8 字符串相加 1: var myString = “String1” + “String2”; 9 字符串搜索 1: <script language=”JavaScript”> 2: <!-- 3: var myVariable = “Hello there”; 4: var therePlace = myVariable.search(“there”); 5: document.write(therePlace); 6: // --> 7: </script> 10 字符串替换 1: thisVar.replace(“Monday”,”Friday”); 11 格式化字串 1: <script language=”JavaScript”> 2: <!-- 3: var myVariable = “Hello there”; 4: document.write(myVariable.big() + “<br>”); 5: document.write(myVariable.blink() + “<br>”); 6: document.write(myVariable.bold() + “<br>”); 7: document.write(myVariable.fixed() + “<br>”); 8: document.write(myVariable.fontcolor(“red”) + “<br>”); 9: document.write(myVariable.fontsize(“18pt”) + “<br>”); 10: document.write(myVariable.italics() + “<br>”); 11: document.write(myVariable.small() + “<br>”); 12: document.write(myVariable.strike() + “<br>”); 13: document.write(myVariable.sub() + “<br>”); 14: document.write(myVariable.sup() + “<br>”); 15: document.write(myVariable.toLowerCase() + “<br>”); 16: document.write(myVariable.toUpperCase() + “<br>”); 17: 18: var firstString = “My String”; 19: var finalString = firstString.bold().toLowerCase().fontcolor(“red”); 20: // --> 21: </script> 12 创建数组 1: <script language=”JavaScript”> 2: <!-- 3: var myArray = new Array(5); 4: myArray[0] = “First Entry”; 5: myArray[1] = “Second Entry”; 6: myArray[2] = “Third Entry”; 7: myArray[3] = “Fourth Entry”; 8: myArray[4] = “Fifth Entry”; 9: var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”); 10: // --> 11: </script> 13 数组排序 1: <script language=”JavaScript”> 2: <!-- 3: var myArray = new Array(5); 4: myArray[0] = “z”; 5: myArray[1] = “c”; 6: myArray[2] = “d”; 7: myArray[3] = “a”; 8: myArray[4] = “q”; 9: document.write(myArray.sort()); 10: // --> 11: </script> 14 分割字符串 1: <script language=”JavaScript”> 2: <!-- 3: var myVariable = “a,b,c,d”; 4: var stringArray = myVariable.split(“,”); 5: document.write(stringArray[0]); 6: document.write(stringArray[1]); 7: document.write(stringArray[2]); 8: document.write(stringArray[3]); 9: // --> 10: </script> 15 弹出警告信息 1: <script language=”JavaScript”> 2: <!-- 3: window.alert(“Hello”); 4: // --> 5: </script> 16 弹出确认框 1: <script language=”JavaScript”> 2: <!-- 3: var result = window.confirm(“Click OK to continue”); 4: // --> 5: </script> 17 定义函数 1: <script language=”JavaScript”> 2: <!-- 3: function multiple(number1,number2) { 4: var result = number1 * number2; 5: return result; 6: } 7: // --> 8: </script> 18 调用JS函数 1: <a href=”#” onClick=”functionName()”>Link text</a> 2: <a href="/”javascript:functionName"()”>Link text</a> 19 在页面加载完成后执行函数 1: <body onLoad=”functionName();”> 2: Body of the page 3: </body> 20 条件判断 1: <script> 2: <!-- 3: var userChoice = window.confirm(“Choose OK or Cancel”); 4: var result = (userChoice == true) ? “OK” : “Cancel”; 5: document.write(result); 6: // --> 7: </script> 21 指定次数循环 1: <script> 2: <!-- 3: var myArray = new Array(3); 4: myArray[0] = “Item 0”; 5: myArray[1] = “Item 1”; 6: myArray[2] = “Item 2”; 7: for (i = 0; i < myArray.length; i++) { 8: document.write(myArray[i] + “<br>”); 9: } 10: // --> 11: </script> 22 设定将来执行 1: <script> 2: <!-- 3: function hello() { 4: window.alert(“Hello”); 5: } 6: window.setTimeout(“hello()”,5000); 7: // --> 8: </script> 23 定时执行函数 1: <script> 2: <!-- 3: function hello() { 4: window.alert(“Hello”); 5: window.setTimeout(“hello()”,5000); 6: } 7: window.setTimeout(“hello()”,5000); 8: // --> 9: </script> 24 取消定时执行 1: <script> 2: <!-- 3: function hello() { 4: window.alert(“Hello”); 5: } 6: var myTimeout = window.setTimeout(“hello()”,5000); 7: window.clearTimeout(myTimeout); 8: // --> 9: </script> 25 在页面卸载时候执行函数 1: <body onUnload=”functionName();”> 2: Body of the page 3: </body> JavaScript就这么回事2:浏览器输出 26 访问document对象 1: <script language=”JavaScript”> 2: var myURL = document.URL; 3: window.alert(myURL); 4: </script> 27 动态输出HTML 1: <script language=”JavaScript”> 2: document.write(“<p>Here’s some information about this document:</p>”); 3: document.write(“<ul>”); 4: document.write(“<li>Referring Document: “ + document.referrer + “</li>”); 5: document.write(“<li>Domain: “ + document.domain + “</li>”); 6: document.write(“<li>URL: “ + document.URL + “</li>”); 7: document.write(“</ul>”); 8: </script> 28 输出换行 1: document.writeln(“<strong>a</strong>”); 2: document.writeln(“b”); 29 输出日期 1: <script language=”JavaScript”> 2: var thisDate = new Date(); 3: document.write(thisDate.toString()); 4: </script> 30 指定日期的时区 1: <script language=”JavaScript”> 2: var myOffset = -2; 3: var currentDate = new Date(); 4: var userOffset = currentDate.getTimezoneOffset()/60; 5: var timeZoneDifference = userOffset - myOffset; 6: currentDate.setHours(currentDate.getHours() + timeZoneDifference); 7: document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString()); 8: </script> 31 设置日期输出格式 1: <script language=”JavaScript”> 2: var thisDate = new Date(); 3: var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes(); 4: var thisDateString = thisDate.getFullYear() + “/” + thisDate.getMonth() + “/” + thisDate.getDate(); 5: document.write(thisTimeString + “ on “ + thisDateString); 6: </script> 32 读取URL参数 1: <script language=”JavaScript”> 2: var urlParts = document.URL.split(“?”); 3: var parameterParts = urlParts[1].split(“&”); 4: for (i = 0; i < parameterParts.length; i++) { 5: var pairParts = parameterParts[i].split(“=”); 6: var pairName = pairParts[0]; 7: var pairValue = pairParts[1]; 8: document.write(pairName + “ :“ +pairValue ); 9: } 10: </script> 你还以为HTML是无状态的么? 33 打开一个新的document对象 1: <script language=”JavaScript”> 2: function newDocument() { 3: document.open(); 4: document.write(“<p>This is a New Document.</p>”); 5: document.close(); 6: } 7: </script> 34 页面跳转 1: <script language=”JavaScript”> 2: window.location = “http://www.liu21st.com/”; 3: </script> 35 添加网页加载进度窗口 1: <html> 2: <head> 3: <script language='javaScript'> 4: var placeHolder = window.open('holder.html','placeholder','width=200,height=200'); 5: </script> 6: <title>The Main Page</title> 7: </head> 8: <body onLoad='placeHolder.close()'> 9: <p>This is the main page</p> 10: </body> 11: </html> JavaScript就这么回事3:图像 36 读取图像属性 1: <img src="http://img.sxsky.net/it//”image1.jpg"” name=”myImage”> 2: <a href=”# ” onClick=”window.alert(document.myImage.width)”>Width</a> 3: 37 动态加载图像 1: <script language=”JavaScript”> 2: myImage = new Image; 3: myImage.src = “Tellers1.jpg”; 4: </script> 38 简单的图像替换 1: <script language=”JavaScript”> 2: rollImage = new Image; 3: rollImage.src = “rollImage1.jpg”; 4: defaultImage = new Image; 5: defaultImage.src = “image1.jpg”; 6: </script> 7: <a href="/”myUrl"” onMouseOver=”document.myImage.src = rollImage.src;” 8: onMouseOut=”document.myImage.src = defaultImage.src;”> 9: <img src="http://img.sxsky.net/it//”image1.jpg"” name=”myImage” width=100 height=100 border=0> 39 随机显示图像 1: <script language=”JavaScript”> 2: var imageList = new Array; 3: imageList[0] = “image1.jpg”; 4: imageList[1] = “image2.jpg”; 5: imageList[2] = “image3.jpg”; 6: imageList[3] = “image4.jpg”; 7: var imageChoice = Math.floor(Math.random() * imageList.length); 8: document.write(‘<img src=”’ + imageList[imageChoice] + ‘“>’); 9: </script> 40 函数实现的图像替换 1: <script language=”JavaScript”> 2: var source = 0; 3: var replacement = 1; 4: function createRollOver(originalImage,replacementImage) { 5: var imageArray = new Array; 6: imageArray[source] = new Image; 7: imageArray[source].src = originalImage; 8: imageArray[replacement] = new Image; 9: imageArray[replacement].src = replacementImage; 10: return imageArray; 11: } 12: var rollImage1 = createRollOver(“image1.jpg”,”rollImage1.jpg”); 13: </script> 14: <a href=”#” onMouseOver=”document.myImage1.src = rollImage1[replacement].src;” 15: onMouseOut=”document.myImage1.src = rollImage1[source].src;”> 16: <img src="http://img.sxsky.net/it//”image1.jpg"” width=100 name=”myImage1” border=0> 17: </a> 41 创建幻灯片 1: <script language=”JavaScript”> 2: var imageList = new Array; 3: imageList[0] = new Image; 4: imageList[0].src = “image1.jpg”; 5: imageList[1] = new Image; 6: imageList[1].src = “image2.jpg”; 7: imageList[2] = new Image; 8: imageList[2].src = “image3.jpg”; 9: imageList[3] = new Image; 10: imageList[3].src = “image4.jpg”; 11: function slideShow(imageNumber) { 12: document.slideShow.src = imageList[imageNumber].src; 13: imageNumber += 1; 14: if (imageNumber < imageList.length) { 15: window.setTimeout(“slideShow(“ + imageNumber + “)”,3000); 16: } 17: } 18: </script> 19: </head> 20: <body onLoad=”slideShow(0)”> 21: <img src="http://img.sxsky.net/it//”image1.jpg"” width=100 name=”slideShow”> 42 随机广告图片 1: <script language=”JavaScript”> 2: var imageList = new Array; 3: imageList[0] = “image1.jpg”; 4: imageList[1] = “image2.jpg”; 5: imageList[2] = “image3.jpg”; 6: imageList[3] = “image4.jpg”; 7: var urlList = new Array; 8: urlList[0] = “http://some.host/”; 9: urlList[1] = “http://another.host/”; 10: urlList[2] = “http://somewhere.else/”; 11: urlList[3] = “http://right.here/”; 12: var imageChoice = Math.floor(Math.random() * imageList.length); 13: document.write(‘<a href=”’ + urlList[imageChoice] + ‘“><img src=”’ + imageList[imageChoice] + ‘“></a>’); 14: </script> JavaScript就这么回事4:表单 还是先继续写完JS就这么回事系列吧~ 43 表单构成 1: <form method=”post” action=”target.html” name=”thisForm”> 2: <input type=”text” name=”myText”> 3: <select name=”mySelect”> 4: <option value=”1”>First Choice</option> 5: <option value=”2”>Second Choice</option> 6: </select> 7: <br> 8: <input type=”submit” value=”Submit Me”> 9: </form> 44 访问表单中的文本框内容 1: <form name=”myForm”> 2: <input type=”text” name=”myText”> 3: </form> 4: <a href='#' onClick='window.alert(document.myForm.myText.value);'>Check Text Field</a> 45 动态复制文本框内容 1: <form name=”myForm”> 2: Enter some Text: <input type=”text” name=”myText”><br> 3: Copy Text: <input type=”text” name=”copyText”> 4: </form> 5: <a href=”#” onClick=”document.myForm.copyText.value = 6: document.myForm.myText.value;”>Copy Text Field</a> 46 侦测文本框的变化 1: <form name=”myForm”> 2: Enter some Text: <input type=”text” name=”myText” onChange=”alert(this.value);”> 3: </form> 47 访问选中的Select 1: <form name=”myForm”> 2: <select name=”mySelect”> 3: <option value=”First Choice”>1</option> 4: <option value=”Second Choice”>2</option> 5: <option value=”Third Choice”>3</option> 6: </select> 7: </form> 8: <a href='#' onClick='alert(document.myForm.mySelect.value);'>Check Selection List</a> 48 动态增加Select项 1: <form name=”myForm”> 2: <select name=”mySelect”> 3: <option value=”First Choice”>1</option> 4: <option value=”Second Choice”>2</option> 5: </select> 6: </form> 7: <script language=”JavaScript”> 8: document.myForm.mySelect.length++; 9: document.myForm.mySelect.options[document.myForm.mySelect.length - 1].text = “3”; 10: document.myForm.mySelect.options[document.myForm.mySelect.length - 1].value = “Third Choice”; 11: </script> 49 验证表单字段 1: <script language=”JavaScript”> 2: function checkField(field) { 3: if (field.value == “”) { 4: window.alert(“You must enter a value in the field”); 5: field.focus(); 6: } 7: } 8: </script> 9: <form name=”myForm” action=”target.html”> 10: Text Field: <input type=”text” name=”myField”onBlur=”checkField(this)”> 11: <br><input type=”submit”> 12: </form> 50 验证Select项 1: function checkList(selection) { 2: if (selection.length == 0) { 3: window.alert(“You must make a selection from the list.”); 4: return false; 5: } 6: return true; 7: } 51 动态改变表单的action 1: <form name=”myForm” action=”login.html”> 2: Username: <input type=”text” name=”username”><br> 3: Password: <input type=”password” name=”password”><br> 4: <input type=”button” value=”Login” onClick=”this.form.submit();”> 5: <input type=”button” value=”Register” onClick=”this.form.action = ‘register.html’; this.form.submit();”> 6: <input type=”button” value=”Retrieve Password” onClick=”this.form.action = ‘password.html’; this.form.submit();”> 7: </form> 52 使用图像按钮 1: <form name=”myForm” action=”login.html”> 2: Username: <input type=”text” name=”username”><br> 3: Password: <input type=”password”name=”password”><br> 4: <input type=”image” src="http://img.sxsky.net/it//”login.gif"” value=”Login”> 5: </form> 6: 53 表单数据的加密 1: <SCRIPT LANGUAGE='JavaScript'> 2: <!-- 3: function encrypt(item) { 4: var newItem = ''; 5: for (i=0; i < item.length; i++) { 6: newItem += item.charCodeAt(i) + '.'; 7: } 8: return newItem; 9: } 10: function encryptForm(myForm) { 11: for (i=0; i < myForm.elements.length; i++) { 12: myForm.elements[i].value = encrypt(myForm.elements[i].value); 13: } 14: } 15: 16: //--> 17: </SCRIPT> 18: <form name='myForm' onSubmit='encryptForm(this); window.alert(this.myField.value);'> 19: Enter Some Text: <input type=text name=myField><input type=submit> 20: </form> JavaScript就这么回事5:窗口和框架 54 改变浏览器状态栏文字提示 1: <script language=”JavaScript”> 2: window.status = “A new status message”; 3: </script> 55 弹出确认提示框 1: <script language=”JavaScript”> 2: var userChoice = window.confirm(“Click OK or Cancel”); 3: if (userChoice) { 4: document.write(“You chose OK”); 5: } else { 6: document.write(“You chose Cancel”); 7: } 8: </script> 56 提示输入 1: <script language=”JavaScript”> 2: var userName = window.prompt(“Please Enter Your Name”,”Enter Your Name Here”); 3: document.write(“Your Name is “ + userName); 4: </script> 57 打开一个新窗口 1: //打开一个名称为myNewWindow的浏览器新窗口 2: <script language=”JavaScript”> 3: window.open(“http://www.liu21st.com/”,”myNewWindow”); 4: </script> 58 设置新窗口的大小 1: <script language=”JavaScript”> 2: window.open(“http://www.liu21st.com/”,”myNewWindow”,'height=300,width=300'); 3: </script> 59 设置新窗口的位置 1: <script language=”JavaScript”> 2: window.open(“http://www.liu21st.com/”,”myNewWindow”,'height=300,width=300,left=200,screenX=200,top=100,screenY=100'); 3: </script> 60 是否显示工具栏和滚动栏 1: <script language=”JavaScript”> 2: window.open(“http: 61 是否可以缩放新窗口的大小 1: <script language=”JavaScript”> 2: window.open('http://www.liu21st.com/' , 'myNewWindow', 'resizable=yes' );</script> 62 加载一个新的文档到当前窗口 1: <a href='#' onClick='document.location = '125a.html';' >Open New Document</a> 63 设置页面的滚动位置 1: <script language=”JavaScript”> 2: if (document.all) { //如果是IE浏览器则使用scrollTop属性 3: document.body.scrollTop = 200; 4: } else { //如果是NetScape浏览器则使用pageYOffset属性 5: window.pageYOffset = 200; 6: }</script> 64 在IE中打开全屏窗口 1: <a href='#' onClick=”window.open('http://www.juxta.com/','newWindow','fullScreen=yes');”>Open a full-screen window</a> 65 新窗口和父窗口的操作 1: <script language=”JavaScript”> 2: //定义新窗口 3: var newWindow = window.open(“128a.html”,”newWindow”); 4: newWindow.close(); //在父窗口中关闭打开的新窗口 5: </script> 6: 在新窗口中关闭父窗口 7: window.opener.close() 66 往新窗口中写内容 1: <script language=”JavaScript”> 2: var newWindow = window.open(“”,”newWindow”); 3: newWindow.document.open(); 4: newWindow.document.write(“This is a new window”); 5: newWIndow.document.close(); 6: </script> 67 加载页面到框架页面 1: <frameset cols=”50%,*”> 2: <frame name=”frame1” src="http://img.sxsky.net/it//”135a.html"”> 3: <frame name=”frame2” src="http://img.sxsky.net/it//”about:blank"”> 4: </frameset> 5: 在frame1中加载frame2中的页面 6: parent.frame2.document.location = “135b.html”; 68 在框架页面之间共享脚本 如果在frame1中html文件中有个脚本 1: function doAlert() { 2: window.alert(“Frame 1 is loaded”); 3: } 那么在frame2中可以如此调用该方法 1: <body onLoad=”parent.frame1.doAlert();”> 2: This is frame 2. 3: </body> 69 数据公用 可以在框架页面定义数据项,使得该数据可以被多个框架中的页面公用 1: <script language=”JavaScript”> 2: var persistentVariable = “This is a persistent value”; 3: </script> 4: <frameset cols=”50%,*”> 5: <frame name=”frame1” src="http://img.sxsky.net/it//”138a.html"”> 6: <frame name=”frame2” src="http://img.sxsky.net/it//”138b.html"”> 7: </frameset> 这样在frame1和frame2中都可以使用变量persistentVariable 70 框架代码库 根据以上的一些思路,我们可以使用一个隐藏的框架页面来作为整个框架集的代码库 1: <frameset cols=”0,50%,*”> 2: <frame name=”codeFrame” src="http://img.sxsky.net/it//”140code.html"”> 3: <frame name=”frame1” src="http://img.sxsky.net/it//”140a.html"”> 4: <frame name=”frame2” src="http://img.sxsky.net/it//”140b.html"”> 5: </frameset>