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="/”login.gif"” value=”Login”> 
5: </form>  

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="/”135a.html"”> 
3: <frame name=”frame2” src="/”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="/”138a.html"”> 
6: <frame name=”frame2” src="/”138b.html"”> 
7: </frameset>  

这样在frame1和frame2中都可以使用变量persistentVariable  
70 框架代码库 
根据以上的一些思路，我们可以使用一个隐藏的框架页面来作为整个框架集的代码库 

1: <frameset cols=”0,50%,*”> 
2: <frame name=”codeFrame” src="/”140code.html"”> 
3: <frame name=”frame1” src="/”140a.html"”> 
4: <frame name=”frame2” src="/”140b.html"”> 
5: </frameset>