一、弹出框

<script type="text/javascript">
    window.οnlοad=function(){
         window.alert("msg alert");
         var msg =window.prompt("prompt", "hello"); //msg hello  或者null
         
         alert(msg);
         var msg1=window.confirm("hahah");  //msg1  true  false;
         alert(msg1);
         
         //alert prompt  confirm
         
    };
</script>

二、open

<script type="text/javascript">

function openW(){
   //定义自己的外观
   window.open("window2.html","mypage","width=500,height=500,titlebar=yes,resizable=yes",true);
}
</script>
  </head>
  <body>
      <input type="button" οnclick="openW()" value="打开新窗体"/>
  </body>

三、window.setInterval

<script type="text/javascript">
//window.self属性  代表当前的窗体
//window.setInterval("函数名()",时间戳); 每隔时间戳 执行一次函数
var id=window.self.setInterval("clock()",1);
function clock(){
  var t=new Date();
  document.getElementById("clock").value=t;
}
 
function cls(){
    window.self.clearInterval(id);
}
</script>
  </head>
 
<body>
<!-- 输入框 -->
<input type="text" id="clock" size="35" />
<input type="button" value="清空操作" οnclick="cls()"/>
</body>

四、window.setTimeout

<script type="text/javascript">
//window.self属性  代表当前的窗体
//window.setTimeout("函数名()",时间戳); 隔时间戳后 执行一次函数
var id=window.self.setTimeout("clock()",3000);
function clock(){
  var t=new Date();
  document.getElementById("clock").value=t;
  //id=window.self.setTimeout("clock()",3000);
}
 
function cls(){
   window.clearTimeout(id);
}

//面试题
</script>
  </head>
 
<body>

<!-- 输入框 -->
<input type="text" id="clock" size="35" />

<input type="button" value="清空操作" οnclick="cls()"/>

</body>

五、Location

<script type="text/javascript">
  function goUrl()
  {
    
       alert(window.location.host);
     alert(window.location.hostname);
     alert(window.location.port);
     alert(window.location.protocol);
     alert(window.location.search);
      window.location.href="http://www.baidu.com";
      
  }
</script>
  </head>
 
  <body>
     <input type="button" value="发送新的请求" οnclick="goUrl()"/>
  </body>

六、History

1.html

<body>
     <a href="2.html">进入2.html</a>
     
     <a href="./l.html?name=chj">进入l.html</a>
  </body>

2.html

<body>
   <!--  <a href="javascript:history.back()">返回1.html</a> -->
    <a href="javascript:history.go(-1)">返回1.html</a>
    <a href="3.html">进入3.html</a>
    <!-- <a href="javascript:history.forward()">前进</a> -->
    <a href="javascript:history.go(1)">前进</a>
  </body>

3.html

<body>
    This is my HTML page. <br>
    
   <!--  <a href="javascript:history.back()">返回2.html</a> -->
    <a href="javascript:history.go(-1)">返回12.html</a>
  </body>

转载于:https://www.cnblogs.com/ly-radiata/p/4425692.html

JavaScript学习记录总结(十)——几个重要的BOM对象相关推荐

  1. JavaScript学习(三十)—事件对象

    JavaScript学习(三十)-事件对象 大家好,我是小王,一个很喜欢Coding的小女孩. 很喜欢这句话:人数没有白走的路,每一步都算数,关注我,后期分享更多资源! 事件对象:该对象记录了和事件相 ...

  2. JavaScript学习笔记(十)——学习心得与经验小结

    JavaScript学习笔记(十)--学习心得与经验小结 目前我先列好提纲,利用每晚和周末的闲暇时间,将逐步写完 ^_^ 转载于:https://www.cnblogs.com/mixer/archi ...

  3. JavaScript学习笔记(十五)

    JavaScript学习笔记(十五) 事件 事件是DOM(文档对象模型)的一部分.事件流就是事件发生顺序,这是IE和其他浏览器在事件支持上的主要差别. 一.事件流 1.冒泡型事件 IE上的解决方案就是 ...

  4. 【C语言进阶深度学习记录】十九 #pragma使用与分析

    文章目录 1 #pragma 概念简介 1.1 #pragma message 的用法 1.2 #pragma once 的用法 1.3 #pragma pack 的用法 1.31 struct占用的 ...

  5. 【C语言进阶深度学习记录】十六 静态库与动态库的创建与使用

    上一篇文章学习了编译的过程,点击链接查看:[C语言进阶深度学习记录]十五 编译过程简介,每一个C源文件编译后将会生成目标文件,那么这些目标文件,还需要链接起来,生成可执行文件. 文章目录 1 链接的意 ...

  6. JavaScript学习(八十九)—数组练习题

    JavaScript学习(八十九)-数组练习题

  7. JavaScript学习(八十八)—数组知识点总结,超详细!!!

    JavaScript学习(八十八)-爆肝 数组知识点总结,超详细!!! 每天都要进步一点点 小王加油!!! 一.数组的概念 所谓数组就是指内存中开辟出来的用来存储大量数据的连续的存储空间 数组可以把一 ...

  8. JavaScript学习(八十六)—运算符知识点总结

    JavaScript学习(八十六)-运算符知识点总结 一. 运算符的分类 运算符(operator)也被称为操作符,是用于实现赋值.比较和执行算数运算等功能的符号. JavaScript中常用的运算符 ...

  9. JavaScript学习(八十五)—数据类型的转换

    JavaScript学习(八十五)-数据类型的转换 一.什么是数据类型的转换? 简单来说,就是把一种数据类型的变量转化为另外一种数据类型 二.转化为字符串类型 //把数字转化为字符串 变量.toStr ...

  10. JavaScript学习(八十四)—变量

    JavaScript学习(八十四)-变量 一.什么是变量? 白话: 变量就是一个装东西的盒子 通俗:变量是用于存放数据的容器. 我们通过 变量名 获取数据,甚至数据可以修改. 二.变量在内存中的存储 ...

最新文章

  1. Android SQLite数据库之事务的学习
  2. android volley http请求框架
  3. cdh5.12.1 service monitor监控状态_来,我们在重新说下,线程状态?
  4. java objectid_需要一种解决方法来查找objectID foreignField的字符串
  5. 基础野:细说原码、反码和补码
  6. 同步器之Exchanger
  7. docsify神奇的文档网站生成工具
  8. grunt + compass
  9. matlab:图像的余弦变换(DCT)
  10. 联想电脑打不开摄像头
  11. 相机等效焦距和视场角计算
  12. Mac显示隐藏文件目录
  13. Python3.9的保留字彩蛋__peg_parser__
  14. 【强烈推荐】机器学习之算法篇
  15. 大数据相关概念-什么是算子
  16. 扩展欧几里德算法详解
  17. 【玩转Linux】vi编辑器使用教程
  18. 《日落苍狼》读后感及摘录
  19. 几何与向量方法推导两角和差公式
  20. 系统收银前台如何设置服务器,收银前台 和服务器 ip默认网关

热门文章

  1. 海王什么意思,海王是什么意思梗,网络流行词海王介绍
  2. 职场上,领导讨厌但老板喜欢的3类员工
  3. 没有任何一个行业是没有竞争的
  4. 全职写作过来人,给初学写作者的6条忠告
  5. MX250和MX350哪个好一点,区别和差距在哪里?
  6. 怎么看待苹果公司要求分成微信、知乎打赏32%?
  7. 为什么很多人不跑滴滴了?
  8. During a meeting, there was a woman
  9. 利用truffle与智能合约进行交互
  10. CPU调度算法——FCFS算法/SJF算法/优先级调度算法/RR算法