BOM浏览器模式和window对象的简介-js教程-PHP中文网

首页

web前端

js教程

BOM浏览器模式和window对象的简介

一个新手

Oct 11, 2017 am 09:43 AM

firefox webkit window

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>
BOM浏览器模式和window对象学习
</title>
  <!--
   BOM浏览器模式(Browser Object Mode)这是一种理想的模式，如果每个浏览器开发商都按照这种方式来开发，
   就会提高开发效率，使互联网朝着健康的方向发展。
  具体的实现是window对象
  
 
1.框体方法
：alert();警告，无返回值
     confirm();确认，有返回值，确定返回true，取消返回false
     prompt();提示，有返回值，确定返回当前输入的值，取消返回null
   
2.定时执行和间隔执行
：
    setTimeOut(code expresion,time)，指定时间后开辟线程执行指定的函数，返回线程id
    setInterval(code expresion,time),指定时间后开辟线程执行指定的函数，返回id
    ClearInterval(id),关闭指定的interval开启的线程
    ClearTimeOut(id),关闭指定的Timeout开启的线程
  
 3.子页面
    open()使用此方法可以打开当前页面的子页面，使用以下属性可以设置子页面窗口的大小和其他属性
    //height width top left 
    //toolbar=yes; menubar=yes;scrollbars=no;resizable=no;location=no;status=no; 
    
    close(),在open()打开的子页面中调用此方法
    
   
 重要属性
    opener
,使用opener可以调用父页面的函数 window.opener.函数名();
  -->
  <script type="text/javascript">
  //window方法举例
   //1.警告框
   function testAlert(){
    window.alert("我是警告框");
   }
   //2.确认框
   function testConfirm(){
    var flag=window.confirm("你要卸载我吗？");
    window.alert(flag);
   }
   //3.提示框
   function testPrompt(){
    var str=window.prompt("请输入昵称：","例如：李白");
    window.alert(str);
   }
   /*--------------------------------------------------------------------------*/
   //定时执行
   var tid;
   function testSetTimeOut(){
    tid=window.setTimeout(function(){
     alert("定时执行");
    },3000);
   }
   //间隔执行
   var id;
   function testInterval(){
    id=window.setInterval(function(){
     alert("间隔执行");
    },2000);
   }
   //关闭间隔执行
   function testClearInterval(){
    window.clearInterval(id);
   }
   //关闭定时执行
   function testClearTimeOut(){
    window.clearTimeout(tid);
   }
/*----------------------------------------------------------------------------------------*/
   function testOpen1(){
    window.open("http://www.baidu.com");//使用open打开网络资源
    
   }
   function testOpen2(){
    window.open("sun.html");//使用open打开本地资源
    
   }
   //属性
   function testOpener(){
    alert("我是Opener");
   }
  </script>
 </head>
 <body>
  <input type="button" id="" value="测试windowAlert" onclick="testAlert();"/>
  <input type="button" id="" value="测试Confirm" onclick="testConfirm();"/>
  <input type="button" id="" value="测试prompt" onclick="testPrompt();" />
  <hr />
  <input type="button" id="" value="测试setTimeOut" onclick="testSetTimeOut();"/>
  <input type="button" id="" value="测试interval" onclick="testInterval();"/>
  <input type="button" id="" value="测试关闭clearInterval" onclick="testClearInterval();"/>
  <input type="button" id="" value="测试关闭TimeOut" onclick="testClearTimeOut();"/>
  <hr />
  <input type="button" id="" value="测试子页面" onclick="testOpen1();"/>
  <input type="button" id="" value="测试打开本地资源" onclick="testOpen2();"/>
 </body>
</html>

登录后复制

以上是BOM浏览器模式和window对象的简介的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7622

CakePHP 教程

1389

steam的账户名称是什么格式

win11激活密钥永久

NYT连接提示和答案

138

显示更多

Related knowledge

Ubuntu Linux中如何删除Firefox Snap？ Feb 21, 2024 pm 07:00 PM

要在UbuntuLinux中删除FirefoxSnap，可以按照以下步骤进行操作：打开终端并以管理员身份登录到Ubuntu系统。运行以下命令以卸载FirefoxSnap：sudosnapremovefirefox系统将提示你输入管理员密码。输入密码并按下Enter键以确认。等待命令执行完成。一旦完成，FirefoxSnap将被完全删除。请注意，这将删除通过Snap包管理器安装的Firefox版本。如果你通过其他方式（如APT包管理器）安装了另一个版本的Firefox，则不会受到影响。通过以上步骤

mozilla firefox可以卸载吗 Mar 15, 2023 pm 04:40 PM

mozilla firefox可以卸载；firefox属于第三方浏览器，如果不需要，完全可以卸载。卸载方法：1、在开始菜单中，依次点击“Windwos系统”-“控制面板”；2、在“控制面板”界面中，点击“程序和功能”；3、在新界面中，找到并双击火狐浏览器图标；4、在卸载弹窗中，点击“下一步”；5、点击“卸载”即可。

火狐浏览器Firefox 113 新特性：支持AV1动图、增强密码生成器和画中画特性 Mar 05, 2024 pm 05:20 PM

近日消息，Mozilla在发布Firefox112稳定版的同时，也宣布下个主要版本Firefox113进入Beta频道，支持AV1动图、增强密码生成器和画中画特性。火狐浏览器Firefox113主要新功能/新特性如下支持AV1格式动图(AVIS)通过引入特殊字符来增强密码生成器的安全性增强画中画功能，支持后退、显示视频时间，能更轻松地启用全屏模式为Debian和Ubuntu发行版提供官方DEB安装文件更新书签导入功能，默认情况下支持导入书签的图标在支持的硬件上默认启用硬件加速AV1视频解码使用w

Scrapy中如何使用Mozilla Firefox来解决扫码登录的问题？ Jun 22, 2023 pm 09:50 PM

对于爬虫爬取需要登录的网站，验证码或扫码登录是一个很困扰的问题。Scrapy是Python中一个非常好用的爬虫框架，但是在处理验证码或扫码登录时，需要采取一些特殊的措施。作为一个常见的浏览器，MozillaFirefox提供了一种解决方案，可以帮助我们解决这个问题。Scrapy的核心模块是twisted，它只支持异步请求，但是一些网站需要使用cookie和

Apple 发布更新以修复 MacBook 中的 WebKit 漏洞和过度耗电 Apr 15, 2023 am 10:49 AM

Apple已发布适用于iPhone、iPad、Mac和AppleWatch的更新。尽管每个设备的更新都很小，但它们解决了WebKit漏洞。该公司还保证已经修复了一个错误，该错误会导致MacBook笔记本电脑意外耗尽电池。AppleiOS和iPadOS15.3.1是次要更新。它实际上不包含任何主要功能。但是，它对使用盲文显示器的人很有用。此外，该更新还解决了任意代码执行漏洞。iOS15.3.1的更新说明提到：iOS15.3.1为您的iPhone提供了重要的安全更新，并修

Ubuntu 23.10默认将在原生 Wayland 模式下运行火狐浏览器 Firefox Feb 29, 2024 am 10:10 AM

Canonical公司近日宣布，在即将发布的Ubuntu23.10中，FirefoxSnap已配置默认在Wayland模式下运行。注：Ubuntu目前已经默认Wayland会话，Firefox也能正常工作。不过当前FirefoxSnap实际上是以XWayland兼容模式下运行，而不是严苛的原生Wayland模式。Canonical宣布默认会在Wayland模式下运行Firefox浏览器，从而在HiDPI显示器不会出现界面模糊、缩放失真等问题，并且支持拖动、手势捏合等触控手势。如上所述，Ubunt

Window蠕虫病毒怎么解决 May 17, 2023 pm 07:22 PM

0x00前言蠕虫病毒是一种十分古老的计算机病毒，它是一种自包含的程序（或是一套程序），通常通过网络途径传播，每入侵到一台新的计算机，它就在这台计算机上复制自己，并自动执行它自身的程序。常见的蠕虫病毒：熊猫烧香病毒、冲击波/震荡波病毒、conficker病毒等。0x01应急场景某天早上，管理员在出口防火墙发现内网服务器不断向境外IP发起主动连接，内网环境，无法连通外网，无图脑补。0x02事件分析在出口防火墙看到的服务器内网IP，首先将中病毒的主机从内网断开，然后登录该服务器，打开D盾_web查杀查

欧洲允许苹果放松浏览器限制：可选择非 WebKit 引擎，Chrome 可作为默认浏览器 Jan 26, 2024 am 10:42 AM

1月26日消息，欧洲地区的iPhone用户升级iOS17.4Beta1更新之后，打开Safari浏览器之后会看到新窗口，支持更换默认浏览器。欧洲地区用户可以根据自己的偏好，设置包括Firefox、Opera、Chrome、Brave和MicrosoftEdge等非Safari浏览器了。浏览器应用现在也可以使用WebKit以外的浏览器引擎，包括浏览器应用和应用内的浏览体验。苹果此前要求包括Chrome浏览器和火狐浏览器等常用浏览器在内，iOS上的所有浏览器都必须使用WebKit引擎，今后Chrom

See all articles

BOM浏览器模式和window对象的简介

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题