<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);
}

JAVAscript学习笔记 jsBOM 第七节 (原创) 参考js使用表的更多相关文章

  1. JAVAscript学习笔记 jsDOM 第五节 (原创) 参考js使用表

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 【Html 学习笔记】第七节——表单

    文本框:<form> <input> </form> 密码域-文本框:<input type ="password" > 复选框:& ...

  3. [ExtJS5学习笔记]第二十九节 sencha ext js 5.1.0中动态更换皮肤主题

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/42016107 本文作者:sushengmiyan ------------------ ...

  4. Java程序猿JavaScript学习笔记(2——复制和继承财产)

    计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...

  5. Java程序猿JavaScript学习笔记(4——关闭/getter/setter)

    计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...

  6. Java程序猿JavaScript学习笔记(14——扩大jQuery UI)

    计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...

  7. javascript学习笔记(四) Number 数字类型

    数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数  toExponential() 方法 用科学 ...

  8. Javascript学习笔记二——操作DOM

    Javascript学习笔记 DOM操作: 一.GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二.querySelector( ...

  9. Javascript学习笔记——操作浏览器对象

    Javascript学习笔记 目前尝试利用javascript去对于一个浏览器对象完成一系列的访问及修改, 浏览器是网页显示.运行的平台,常用的浏览器有IE.火狐(Firefox).谷歌(Chrome ...

随机推荐

  1. 《Go in action》读后记录:Go的并发与并行

    本文的主要内容是: 了解goroutine,使用它来运行程序 了解Go是如何检测并修正竞争状态的(解决资源互斥访问的方式) 了解并使用通道chan来同步goroutine 一.使用goroutine来 ...

  2. S2_OOP第二章

    第一章 继承 语法 修饰符 子类 extends 父类{ //类定义不封 } 使用extends继承父类的属性和方法.使用super关键字调用父类的方法. 概念 继承是面向对象的三大特特之一,Java ...

  3. 统计学习方法——CART, Bagging, Random Forest, Boosting

    本文从统计学角度讲解了CART(Classification And Regression Tree), Bagging(bootstrap aggregation), Random Forest B ...

  4. Python自学笔记-递归函数(来自廖雪峰的官网Python3)

    感觉廖雪峰的官网http://www.liaoxuefeng.com/里面的教程不错,所以学习一下,把需要复习的摘抄一下. 以下内容主要为了自己复习用,详细内容请登录廖雪峰的官网查看.   递归函数 ...

  5. vim环境设置(应用于python编程)

    1. 安装完整的vim # apt-get install vim-gnome 2. 安装ctags,ctags用于支持taglist,必需! # apt-get install ctags 3. 安 ...

  6. ubuntu中切换到root账号方法

    ubuntu如何切换到root用户身份? 前面小编分享了ubuntu怎么开启root用户,下面小编来分享如何切到到root用户 方法/步骤 按照下面的方式打开终端工具,或者使用终端工具的快捷键Ctrl ...

  7. 阿里巴巴 Java 开发规约插件初体验

    阿里巴巴 Java 开发手册 又一次来谈<阿里巴巴 Java 开发手册>,经过这大半年的版本迭代,这本阿里工程师们总结出来避免写出那么多 Bug 的规范,对于 Java 开发者简直就是必备 ...

  8. IDEA Maven 三层架构 1、基本的Archetype 搭建

    JDK:1.8 Maven:3.3.9 三层架构:基于 SpringMVC 的 UI 层.业务逻辑层以及数据访问层 从对 Maven 的了解可以看出,三层架构的创建在于对文件夹的合理安排,他们通常是主 ...

  9. Windows历史

    1983年11月:Microsoft宣布Windows的第一个版本:以字符为基础 的窗口系统: 1985年11月:Windows1.0: 1990年5月:Windows 3.0(成功版本),16位OS ...

  10. MTV模型

    django的MTV分别代表: model(模型):负责业务对象与数据库的对象(orm) template(模板):负责把页面展示给用户 view(视图):负责业务逻辑,并在适当的时候调用model和 ...