JavaScript基础知识(六)

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="/”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.value = encrypt(myForm.elements.value);
13: }
14: }
15:
16: //-->
17: </SCRIPT>
18: <form name='myForm'>
19: Enter Some Text: <input type=text name=myField><input type=submit>
20: </form

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(“ [url]http://www.liu21st.com/[/url] ”,”myNewWindow”); 4: </script> 58 设置新窗口的大小 1: <script language=”JavaScript”> 2: window.open(“ [url]http://www.liu21st.com/[/url] ”,”myNewWindow”,'height=300,width=300'); 3: </script> 59 设置新窗口的位置 1: <script language=”JavaScript”> 2: window.open(“ [url]http://www.liu21st.com/[/url] ”,”myNewWindow”,'height=300,width=300,left=200,screenX=200,top=100,screenY=100'); 3: </script>