window对象的应用（JavaScript）

最新推荐文章于 2022-04-28 10:59:33 发布
最新推荐文章于 2022-04-28 10:59:33 发布
阅读量228 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40119412/article/details/94995180
版权

 window对象的使用（JavaScript）

一、创建警告对话框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			function checkPassword(testObject){
				if(testObject.value.length<8)
				alert("密码长度不能小于8位！");
			}
		</script>
	</head>
	<body>
		请输入密码：<input type="password" onblur="checkPassword(this)">
	</body>
</html>

 显示效果截图

二、创建确认对话框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function isConfirm(){
				if(confirm("您确认删除此信息吗？"))
					alert("此信息已删除！");
				else
					alert("已撤销删除！");
			}
		</script>
	</head>
	<body>
		个人信息详情<br>
		<input type="button" value="delete" onclick="isConfirm()" />
	</body>
</html>

显示效果截图

三、创建信息提示对话框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var name=prompt("请输入你的名字");
			document.write("你的姓名是："+name);
		</script>
	</head>
	<body>
	</body>
</html>

显示效果截图

 

 

四、打开指定对话框

（一）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			window.open("http://www.baidu.com","",
			"toolbar=yes,scroll=yes,height=600,width=1000,resizable=yes,location=yes");
		</script>
	</head>
	<body>
	</body>
</html>

显示效果截图

 

（二）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function open_with(){
				window.open("","temp","top=80,left=200,width=300,height=100");
			}
		</script>
	</head>
	<body>
		<form target="temp" action="index.html">
			<input type="submit" value="打开窗口"  onclick="open_with()"/>
		</form>
	</body>
</html>

index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			function checkPassword(testObject){
				if(testObject.value.length<8)
				alert("密码长度不能小于8位！");
			}
		</script>
	</head>
	<body>
		请输入密码：<input type="password" onblur="checkPassword(this)">
	</body>
</html>

 

显示效果截图 

五、定时器的使用

（一）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function date(){
			var now=new Date();
			document.getElementById('text01').value=now.toLocaleString();
			}
			setInterval("date()",1000);
		</script>
	</head>
	<body>
		<form>
			现在的时间是：<input type="text" id="text01" />
		</form>
	</body>
</html>

显示效果截图

（1）IE浏览器

（2）火狐浏览器

（二）创建和清除计时器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var a=0,t;
			function timeCount(){
				document.getElementById('text01').value=a;
				a=a+1;
				t=setTimeout("timeCount()",1000)
			}
		</script>
	</head>
	<body>
		<form>
			<input type="text" id="text01" />
			<input type="button" value="开始计时" onclick="timeCount()"/>
			<input type="button" value="结束计时" onclick="clearTimeout(t)" />
		</form>
	</body>
</html>

显示效果截图 

 

HaanLen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript Window浏览器对象模型原理解析
10-15
**Window对象** 在BOM中，最核心的组件是`Window`对象，它是所有浏览器环境中全局作用域的基础。这意味着在JavaScript中声明的任何全局变量和函数都会成为`Window`对象的属性和方法。例如，`document`对象，用于处理...
JavaScript Window窗口对象属性和使用方法
10-15
JavaScript 的 `Window` 对象是浏览器环境中最重要的对象之一，它是所有其他对象的顶级对象，提供了与浏览器窗口交互的各种功能。本文将深入探讨 `Window` 对象的属性、方法及其使用方法。 首先，我们来看 `Window`...
window对象
zzzzz周绍辉的博客
07-11 530
Window对象的属性1.closed返回一个布尔值，该值声明了窗口是否已经关闭History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。返回值返回一个布尔值，true为关闭，false为未关闭浏览器支持 google IE firefox safari
javascript,window对象,window对象案例,window对象的使用
程宇寒
12-12 444
javascript,window对象,window对象案例,window对象的使用 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;javascript,window对象,window对象案例,window对象的使用,雪豹软件工作室&lt;/title&gt
window对象的方法使用
hanqing
12-19 658
利用setTimeout()  confirm()  clearTimeout() 实现定时提醒： New Document var _time,flag=false; function lock() { //页面刚加载时不提醒 if(flag){
window对象，对话框
ch_musk的博客
03-25 735
1 .window对象简介 在JavaScript中，一个浏览器窗口就是一个window对象。 简单来说，JavaScript会把一个窗口看成一个对象，这样我们就可以用这个对象的属性和方法来操作这个窗口。实际上，当我们每次打开一个页面时，浏览器会自动为这个页面创建一个window对象。 window对象存放了这个页面的所有信息，为了更好分类处理这些信息，window对象下面又分为很多对象 子对象 ...
JavaScript浏览器对象之window对象详解
上善若泪
05-06 8479
目录 1 window对象概述 2 window对象的属性 2.1 window.name属性 2.2 window.innerHeight属性，window.innerWidth属性 2.3 window.pageXOffset属性，window.pageYOffset属性 2.4 iframe元素 2.5 Navigator对象 2.5.1 Navigator.userAgen...
Javascript之BOM(window对象)详解
10-22
JavaScript中的BOM（Browser Object Model，浏览器对象模型）主要处理与浏览器交互的接口，而其中的`window`对象是BOM的核心，它代表了浏览器的一个...理解和熟练使用`window`对象对于创建交互式的Web应用至关重要。
javascript Window对象
09-27
### JavaScript中的Window对象详解 #### 一、概述 在JavaScript中，`Window`对象是所有浏览器操作的基础。它是全局对象，也是顶级对象。通常我们提到的`window`就是指当前浏览器窗口。`Window`对象拥有许多属性和...
详解JavaScript编程中的window与window.screen对象
09-21
// 直接通过window对象 window.document.getElementById("header"); // 或者直接使用 document.getElementById("header"); ``` `window`对象还提供了一些与浏览器窗口相关的属性和方法。比如，获取浏览器窗口的...
javascript不依赖库开发windows应用程序
sdxjwkq01的博客
08-24 3399
其实javascript不仅可以做网页应用，也可以不依赖任何环境开发windows应用程序。windows系统自带mshta.exe，相当于一个javascript虚拟机，我们把.html文件扩展名改成.hta文件，网页就变成了hta应用程序，双击就可以执行。当然hta可以操作本地文件数据库等，功能比html强大许多，可以开发C/S应用程序。本人之前是个后台程序员，后来考上公务员之...
html确认删除对话框的实现并控制动作的执行
weixin_46019681的博客
04-28 3233
目的：防止删除blog的时候出现误删的情况，在点击删除按钮之后弹出确认删除对话框，使操作更人性化。 删除按钮是一个<a>标签，在原来的代码中，点击删除，会出发href，进行函数跳转，服务器会删除该记录，然后刷新页面。 我们要做到在href跳转前弹出确认删除对话框并根据用户的选择告诉服务器删不删这条数据，接下来是具体的实现步骤： 1.html代码： <a href="/blog/deleteById/#(blog.id)" onclick="delblog();">...
JS技能点--Windows对象之提示框、确认框、输入框、弹窗
程序员大阳
02-10 5424
1. 背景 Window对象即浏览器窗口对象，提供了很多实用的属性和方法，也包含多种交互的对话框。 一般开发人员习惯上使用UI框架提供的弹窗，能够提供更加精美的样式，而且在各个浏览器下表现一致。 其实Window对象自带的对话框功能还算比较丰富，也算是一种可行的选择，本篇就来具体了解下。 2. alert提示框 window.alert方法用来显示一个提示框，该方法没有返回值，注意弹窗后脚本将被阻塞，直到用户点击确定后才执行后面的脚本。 <button type="button" onclick="
Window对象的常用方法中带有提示信息、确定和取消按钮的对话框
白高林的专栏
06-17 3816
confirm可以弹出一个带有确定和取消的对话框，  用法一般为：  if(confirm("你确认要删除吗？")){  //删除操作  }
javascript之window对象
ajwqb06628的专栏
01-01 415
javascript之window对象 　　window ：window对象是BOM中所有对象的核心，除了是BOM中所有对象的父对象外，还包含一些窗口控制函数。 1、全局的window对象 　　JavaScript中的任何一个全局函数或变量都是window的属性...
html中确认删除对话框,js确认删除对话框效果的示例代码
weixin_29476659的博客
06-05 413
效果如下：css文件delcss.css代码如下：*{ margin:0; padding:0;}#div1{ width:300px; height:100px; border-radius:10px; background:#f60; box-shadow:5px 5px 10px #ccc; position:absolute; left:50%; margin-left:-150px; z...
python优秀界面_Python界面设计入门
weixin_39827798的博客
12-08 603
1、PySimpleGui安装pip install PySimpleGui2、基本结构import PySimpleGUI as sg # Part 1 - The import# Define the window's contentslayout = [ [sg.Text("What's your name?")], # Part 2 ...
web前端 - js实现调用window应用
Jacke_wang的博客
11-25 2844
第一步：编写一个.reg注册文件（我打开的是截图工具应用就叫openSnippingTool.reg） 首先用note或notepad++新建一个文件，在里面编辑： Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\MyProtocal] @="URL:SnippingTool Protocol Handler" ...
window.open()详解
weixin_33712881的博客
06-30 852
window对象用法：1. open方法　　语法格式：window.open(URL,窗口名称,窗口风格)　　功能：打开一个新的窗口，并在窗口中装载指定URL地址的网页。　　说明：open方法用于打开一个新的浏览器窗口，并在新窗口中装入一个指定的URL地址；open方法在打开一个新的浏览器窗口时，还可以指定窗口的名称(第二个参数)；open方法在打开一个新的浏览器窗口时，还可以指定窗口的风格(第三...
JavaScript Navigator与Window对象详解
JavaScript对象参考手册详细介绍了两个核心对象：Navigator对象和Window对象，它们在JavaScript编程中扮演着关键角色。 1. **Navigator对象**： - **属性**： - `appCodeName`: 返回浏览器的代码名，如"Mozilla...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值