JavaScript:window窗口对象

简介:

在JavaScript中,window表示的就是一个窗口对象。所以在整个处理过程之中,所有的操作都是以弹框为主 
的。
范例1:使用警告框
  <script type="text/javascript">
    window.alert("hello world");
  </script>

代码:

效果图:

 

 


使用window实现数据的输入操作
范例2:观察数据的输入操作
  <script type="text/javascript">
    var name = window.prompt("请输入您的姓名","你的姓名");
    document.write("<h1>"+name+"</h1>");
  </script>

代码:

效果图:

默认时:

 

输入姓名时:

输出结果:


在window对象里面还可以打开其他的子窗口。
范例3:打开其他窗口
  <script type="text/javascript">
    window.open("pass.html");
  </script>

代码:

 

效果图:

默认时:

设置不拦截窗口:

点击“是”,打开该窗口:


在window窗口里有一个功能很有意思:确认框。
范例4:删除是需要确认
  <script type="text/javascript">
    window.onload = function () {
    document.getElementById("deleteBtn").addEventListener('click',function(){
    if (window.confirm("确定要删除吗?")) {
      window.location = "pass.html"; //跳转到指定路径
      }
    },false);
  }
  </script>

代码:

效果图:

默认时,点击"删除邮件",出现确认框:

点击“确定”,跳转指定路径界面:

总结:

1.千万别用警告框,用一次可以;
2.执行某些重要更新前要进行确认提示;
3.window.location可以进行跳转操作。

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!
本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/5836040.html ,如需转载请自行联系原作者
相关文章
|
21天前
|
存储 JavaScript 前端开发
|
22天前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
26 1
|
23天前
|
存储 JavaScript 前端开发
JavaScript 对象
JavaScript 对象
12 1
|
26天前
|
JavaScript Java 数据安全/隐私保护
js对象可扩展性和属性的四个特性(下)
js对象可扩展性和属性的四个特性(下)
|
27天前
|
JavaScript 前端开发 算法
虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。
【6月更文挑战第27天】虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。当状态改变,React不直接修改DOM,而是先构建新的虚拟DOM树。通过 diff 算法比较新旧树,找到最小变更,仅更新必要部分,提高性能,避免频繁DOM操作。虚拟DOM还支持跨平台应用,如React Native。它优化了更新流程,简化开发,并提升了用户体验。
21 1
|
28天前
|
JavaScript 前端开发
技术经验分享:javaScript遍历对象、数组总结
技术经验分享:javaScript遍历对象、数组总结
16 0
技术经验分享:javaScript遍历对象、数组总结
|
20天前
|
JavaScript
js 简易对象转字符串后恢复为简易对象(如 ^a=$1^b=2转对象)
js 简易对象转字符串后恢复为简易对象(如 ^a=$1^b=2转对象)
15 0
|
21天前
|
JavaScript
js 数组移除指定元素【函数封装】(含对象数组移除指定元素)
js 数组移除指定元素【函数封装】(含对象数组移除指定元素)
15 0
|
21天前
|
JavaScript
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
18 0