JAVAscript学习笔记 jsBOM 第七节 （原创） 参考js使用表

时间：2023-03-09 16:23:11
JAVAscript学习笔记 jsBOM 第七节 （原创） 参考js使用表 
<html>
    <head>
        <title>day02_js</title>
        <script type="text/javascript" language="javascript" src="js/test1.js"></script>
    </head>
    <body>
        <form>
            <h2>1.BOM演示针对window</h2>
            <input type="button" onclick="testConfirm()" value="confirm测试"/><br/><br/>
            <input type="button" onclick="testPromp()" value="promp测试"/><br/><br/>
            <input type="button" onclick="openTest()" value="open测试"/><br/><br/>
            <input type="button" onclick="closeTest()" value="close测试"/><br/><br/>
            <input type="button" onclick="refreshTest()" value="refresh测试"/><br/><br/>
            <input/><br/><br/>
            <input type="button" onclick="naviTest()" value="控制台查看信息测试"/><br/><br/>
            <input type="button" onclick="TimeTest()" value="计时开始"/>
            <input type="button" onclick="clearTime()" value="计时结束"/>
            <input id="i1"/><br/><br/>
        </form>
    </body>
</html>
function testConfirm(){
    var f = window.confirm("你确定此操作吗？");  //确定加取消的弹出框   参数自定义,返回值为点击确定=true,点击取消=false;
    alert(f);  //打印返回的boolean值
}
function testPromp(){
    var f = window.prompt("请输入用户名","周杰伦");     //提示语加text加确定加取消弹出框    第一个参数提示语，第二个参数默认值
    alert(f);  //打印输入框中的值 点即取消则返回null
}
function openTest(){
    //window.open("http://www.baidu.com");//打开一个新页面
    var config = "toolbar=yes,width=500,height=300";  //toolbar显示工具栏
    window.open("http://www.baidu.com","1",config)  //  参数1为自定义，否则不能按照config的大小打开新的窗口
}
function closeTest(){
    window.close();     //关闭当前页面
}
function refreshTest(){
    window.location.reload();  //页面刷新
}
function naviTest(){
    var arr = new Array(5);
    console.dir(arr);  //console.dir()可以在控制台显示一个对象所有的属性和方法。
    //console.log(window.navigator.appVersion);  //会在浏览器控制台打印出信息。   查看当前浏览的版本
    //console.dir(window.navigator.appVersion);
}
var timer;             //window定时器
function TimeTest(){
    timer = window.setInterval('func()',100);
}
var count = 0;
function func(){
    count++;
    document.getElementById("i1").value= count;
}
function clearTime(){
    window.clearInterval(timer);
}

相关文章