1、页面的后退、刷新、前进
function back(){ history.go(-1); // 后退 } function forward(){ history.go(+1); // 前进 1 页 } function refresh(){ history.go(0); // 刷新 }
2、保护自己的页面不被第三方页面放入iframe中
if(self != top) { top.location = self.location; }
3、当前页面调用其他页面
也可以使用iframe来加载另一个页面，但有些IE是禁止使用的，所以本例使用object方式实现
<html> <head> <title></title> </head> <body> <object type="text/x-scriptlet" width="350" height="300" data="http://www.baidu.com"></object> </body> </html>
4、倒计时
<html> <head> <meta charset="utf-8"> <title></title> </head> <script type="text/javascript"> // 获取当前时间 var startday = new Date(); var clockStart = startday.getTime(); function initStopwatch(){ var myTime = new Date(); var timeNow = myTime.getTime(); // 获取间隔时间 var timeDiff = timeNow - clockStart; // 因为时间以毫秒为单位,并且转化为字符串类型才可以使用indexof和subsring var diffSecs = "" + timeDiff / 1000; // 因为返回的毫秒还是有小数点的，所以要去掉 diffSecs = diffSecs.substring(0,diffSecs.indexOf(".")); // 返回间隔秒数 return diffSecs; } function getSecs(){ var mySecs = initStopwatch(); // 以倒计时的方式显示时间 mySecs1 = 10 - mySecs + "秒"; document.form1.timespent.value = mySecs1; window.setTimeout('getSecs()',1000); } </script> <body onload="getSecs()"> <form name=form1> <input name="timespent" /> </form> </body> </html>
5、在页面中动态添加 Script 脚本
<html> <head> <meta charset="utf-8"> <title></title> </head> <script type="text/javascript"> o = document.createElement('script'); o.text = "alert('test!')"; document.documentElement.childNodes[0].appendChild(o); o = document.createElement('script'); o.src = "index.js"; document.documentElement.childNodes[0].appendChild(o); </script> <body> </body> </html>
6、使用 javascript 传递页面参数
<html> <head> <meta charset="utf-8"> <title></title> </head> <script type="text/javascript"> function GetArgs(parms,parmName) { var argIndex = parms.indexOf('?'); var arg = parms.substring(argIndex + 1); var valArg = ""; var arr_args = arg.split("&"); for (var i = 0; i < arr_args.length; i++) { var str = arr_args[i] var arg = str.split("="); if(arg.length <= 1) continue; if(arg[0] == parmName) valArg = arg[1]; }; return valArg; } function PageParm() { var myname = GetArgs(window.location.href,"name"); alert("参数name的值为：" + myname); } </script> <body onload = "PageParm()"> </body> </html>
7、 按 Enter 键调用登录按钮
<html> <head> <meta charset="utf-8"> <title></title> </head> <script type="text/javascript"> function keyLogin(){ if(event.keyCode == 13) { document.getElementById("input1").click(); } } </script> <body onkeydown="keyLogin();"> <!-- <input type="text" onkeydown="keyLogin();"> --> <input id="input1" value="登录" type="button" onclick="alert('调用成功！')" /> </body> </html>