<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. CentOS 搭建Graylog集群详解

    1. Graylog2 简介 Graylog 是一个简单易用.功能较全面的日志管理工具,相比 ELK 组合, 优点: 部署维护简单,一体化解决方案,不像ELK三个独立系统集成. 查相比ES json语 ...

  2. Zabbix(一) : 简介以及Server端安装

    一.什么是Zabbix? zabbix由AlexeiVladishev首先开发,目前在维护的是Zabbix SIA.ZABBIX是一个企业级的开源分布式监控解决方案. zabbix为监控网络和服务器的 ...

  3. 【归纳整理】Ajax / JSON / WEB存储 / iframe

      Ajax 一.什么是 AJAX ? AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 是一种用于创建快速动态网页 ...

  4. 由 System.arraycopy 引发的巩固:对象引用 与 对象 的区别

    作者:林冠宏 / 指尖下的幽灵 掘金:https://juejin.im/user/587f0dfe128fe100570ce2d8 博客:http://www.cnblogs.com/linguan ...

  5. Python实战之实现简单的登陆系统-作业

    #!usr/bin/env Python3 # -*-coding:utf-8-*- #编写登陆接口 #输入用户名密码 #认证成功后显示欢迎信息 #输错三次后锁定 __author__="W ...

  6. 一步一个坑 - WinDbg调试.NET程序

    引言 第一次用WinDbg来排查问题,花了很多时间踩坑,记录一下希望对后面的同学有些帮助. 客户现场软件出现偶发性的界面卡死现象一直找不出原因,就想着让客户用任务管理器生成了一个dump文件发给我,我 ...

  7. 原生API实现拖拽上传文件实践

    功能: 拖拽上传文件.图片,上传的进度条,能够同时上传多个文件. 完整的demo地址:https://github.com/qcer/FE-Components/tree/master/QDrag 涉 ...

  8. JavaScript设计模式--简单工厂模式例子---XHR工厂

    第一步,Ajax操作接口(目的是起一个接口检测作用) (1)引入接口文件 //定义一个静态方法来实现接口与实现类的直接检验 //静态方法不要写出Interface.prototype ,因为这是写到接 ...

  9. redis数据类型和应用场景

    Redis是什么?两句话可以做下概括: 1. 是一个完全开源免费的key-value内存数据库 2. 通常被认为是一个数据结构服务器,主要是因为其有着丰富的数据结构 strings.map. list ...

  10. wordpress 源代码 高亮显示 (Crayon Syntax Highlighter)

    作为码农,blog 里面不贴源代码像什么话,源代码没有高亮显示,那还怎么看!一番调研之后,Crayon Syntax Highlighter 可能是最流行,功能最强大的一款代码高亮插件了. 一.安装  ...