<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. Navicat for MySQL：快捷键整理

    使用快捷键,提升工作效率! ctrl+q 打开查询窗口 ctrl+/ 注释sql语句 ctrl+shift +/ 解除注释 ctrl+r 运行查询窗口的sql语句 ctrl+shift+r 只运行选中 ...

  2. hud 2577 How to Type

    How to Type Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total ...

  3. C语言判断电脑的大、小端机

    #include int main() { int x = 0x1234; if (char(x) == 0x34)  {   printf("小端机!\n");  }  else ...

  4. Python实战之Selenium自动化测试web刷新FW

    需求:将手工登录,手工刷新服务器的FW转化为Python+Selenium实现自动化操作. 1.创建用户表,实现数据与脚本分离.需要读取模块. 2.自动化刷新FW. 不说话,直接上代码: 1userd ...

  5. Python实战之列表简单练习

    ['__add__', '__class__', '__contains__', '__delattr__', '__delitem__', '__dir__', '__doc__', '__eq__ ...

  6. 小程序的get和post请求头的区别

    小程序在使用wx.request()接口 时 header 请求头默认是这样的 wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' ...

  7. The Twelve-Factor App 实践

    The Twelve-Factor App <The Twelve-Factor App>定义了一个优雅的互联网应用在设计过程中,尤其是在设计SAAS服务时,需要遵循的一些基本原则.本文为 ...

  8. 聊聊VUE中的nextTick

    在谈nextTick之前,先要说明一件事,可能在我们平时使用vue时并没有关注到,事实上,vue执行的DOM更新是异步的. 举个栗子: <template> <div class=& ...

  9. 【完美解决】2017打开MVC 4项目，cshtml页面提示‘当前上下文不存在名称model’

    时间:2017/10/19 背景:领导让再之前的MVC 4老项目上新增功能,从GIT上拉取下来,使用VS2017打开之后,cshtml界面所有和Razor相关的代码均被提示‘当前上下文不存在名称XXX ...

  10. win10 uwp 绑定密码

    win10 下,密码框无法绑定到ViewModel,Password是不可以绑定. 我们可以自己使用简单方法去绑定 我们之前在WPF 使用绑定密码框,我写了一篇,关于如何绑定,我提供一个我自己试了可以 ...