onbeforeunload事件--------可以用来写（当用户尝试离开页面时脚本会警告用户将丢失数据）

最新推荐文章于 2020-05-22 12:26:31 发布

寻找小海螺

最新推荐文章于 2020-05-22 12:26:31 发布

阅读量819

点赞数

CC 4.0 BY-SA版权

文章标签： onbeforeunload

本文链接：https://blog.youkuaiyun.com/czkct/article/details/52092782

Html.Css.JavaScript 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个简单的HTML表单示例，用于输入航班预订信息，并通过JavaScript的onbeforeunload事件来处理用户离开页面时的提示。示例中包含了基本的HTML结构和JavaScript代码，演示了不同浏览器对该事件的支持情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

test.html

<!DOCTYPE html>
<html>
<head>
	<title>FabulousAirTickets.com</title>
	<script src="test.js"></script>
</head>
<body>
<h2>FabulousAirTickets.com</h2>
<form action="#">
	<p>
		<label for="from">From:</label>
		<input type="text" id="from">
		  
		<label for="to">To:</label>
		<input type="text" id="to">
	</p>
	<p>
		<label for="leavedate">DepartureDate:</label>
		<input type="date" id="leavedate">
		  
		<label for="returndate">ReturnDate:</label>
		<input type="date" id="returndate">
	</p>
	<p>
		# of Adults:
		<select>
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
		</select>
	</p>
	<p>
		<input type="submit" value="Find Flights!">
		  
		<input type="reset" value="Reset">
	</p>
</form>
</body>
</html>

test.js

window.onbeforeunload = function() {
	return "If you close this window, your flight choices will be lost!";
}

// 我在chrome下面用这个例子  完美支持
// 在firefox下面用这个例子   没有反应  -》因为firefox压根就不用函数返回的信息-》Firefox 不支持文字提醒信息

参考：http://blog.youkuaiyun.com/czkct/article/details/52092691