html设置打开新页面时在新页面也能看到提示
时间: 2024-03-17 16:46:07 浏览: 17
您可以在新页面中使用JavaScript来显示提示。您需要在新页面中添加一段JavaScript代码,以便在页面加载时弹出提示框。以下是一个示例代码:
```
<script>
window.onload = function() {
alert("欢迎来到新页面");
};
</script>
```
将此代码添加到新页面的```<head>```元素中,当用户点击链接打开新页面时,页面加载完成后会弹出一个提示框,显示“欢迎来到新页面”。
相关问题
html设置打开新页面后在新页面也能看到提示
您可以在链接的URL中添加查询参数,然后在新页面中使用JavaScript来读取该参数并显示提示。以下是一个示例代码:
在原页面中的链接:
```
<a href="http://www.example.com/newpage.html?message=欢迎来到新页面" target="_blank">打开新页面</a>
```
在新页面中的JavaScript代码:
```
<script>
window.onload = function() {
var message = getParameterByName("message");
alert(message);
};
function getParameterByName(name) {
var 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>
```
在新页面中,```window.onload```事件会在页面加载完成后执行。```getParameterByName```函数会从URL中读取名为“message”的查询参数,并将其显示在提示框中。当用户点击链接打开新页面时,URL中的```message```参数会被传递到新页面中,并在页面加载完成后弹出一个提示框,显示该参数的值,“欢迎来到新页面”。
html设置打开新页面也能看到提示
您可以使用JavaScript中的window.open()方法打开新页面,并在原页面中显示提示。例如,以下代码可以在新页面中打开链接,同时在原页面中显示提示:
```
<a href="http://www.example.com" onclick="window.open(this.href); alert('新页面已打开'); return false;">点击这里打开新页面</a>
```
当用户点击链接时,会弹出一个提示框,显示“新页面已打开”,并在新页面中加载链接的内容。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)