html打开新页面,在新页面写内容
时间: 2024-01-05 16:12:33 浏览: 31
在 HTML 中,可以使用 `<a>` 标签的 `target` 属性来打开一个新页面,并在新页面中显示内容。
下面是一个简单的例子:
```
<a href="https://www.example.com" target="_blank">打开新页面</a>
```
这个链接会在新的浏览器窗口或标签页中打开 `https://www.example.com` 页面。在新页面中,您可以编写自己的 HTML 内容,例如:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>新页面</title>
</head>
<body>
<h1>欢迎来到新页面</h1>
<p>这是一个新页面,您可以在这里编写自己的 HTML 内容。</p>
</body>
</html>
```
您可以将上面的代码保存为一个 HTML 文件,并在新页面中打开它。
相关问题
html <a href 打开新页面,在新页面写内容
可以使用HTML的target属性来打开新页面,并且在新页面写入内容。例如:
```html
<a href="https://www.example.com" target="_blank">打开新页面并写入内容</a>
```
然后在新页面中,你可以使用JavaScript或者其他前端技术来写入内容。例如:
```html
<!DOCTYPE html>
<html>
<head>
<title>新页面</title>
</head>
<body>
<h1>Hello World!</h1>
<p>这是新页面。</p>
<script>
// 在新页面中写入内容
document.write("<p>这是通过JavaScript写入的内容。</p>");
</script>
</body>
</html>
```
这样,当用户点击链接时,会打开一个新页面,并且在新页面中显示"Hello World!"、"这是新页面。"以及"这是通过JavaScript写入的内容。"。
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```参数会被传递到新页面中,并在页面加载完成后弹出一个提示框,显示该参数的值,“欢迎来到新页面”。