Javascript - demo 与捷径 - JavaScript

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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>