跳转后出错了弹窗页面代码如何写
时间: 2023-08-07 08:03:40 浏览: 44
要在页面跳转后弹出一个错误提示弹窗,您可以在目标页面的 JavaScript 中使用 `window.onload` 事件来检测页面加载完成后弹出弹窗。
以下是一个简单的示例,实现页面跳转后弹出一个错误提示弹窗:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>目标页面</title>
</head>
<body>
<h1>欢迎来到目标页面</h1>
<script>
window.onload = function() {
var error = getParameterByName('error'); // 从 URL 中获取错误信息
if (error) {
alert('出错了:' + error); // 弹出错误提示
}
};
// 从 URL 中获取参数的值
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
}
</script>
</body>
</html>
```
在这个示例中,我们使用 `window.onload` 事件来检测页面加载完成后弹出弹窗。在事件处理程序中,我们使用 `getParameterByName()` 函数从 URL 中获取名为 "error" 的参数的值,并将其用于构建错误提示信息。然后,我们使用 `alert()` 方法弹出错误提示。
在源页面中,您可以将目标页面的 URL 修改为包含名为 "error" 的查询参数,以触发目标页面的错误提示弹窗。例如:
```html
<a href="target.html?error=无法加载数据">跳转到目标页面</a>
```
在这个示例中,我们在 URL 中添加了名为 "error" 的查询参数,值为 "无法加载数据"。当用户点击链接时,将跳转到目标页面,并在加载完成后弹出一个错误提示弹窗,显示 "出错了:无法加载数据"。