📜  ouvrir dans nouvelle page html (1)

📅  最后修改于: 2023-12-03 15:33:21.254000             🧑  作者: Mango

在新页面打开HTML页面

在网页开发中,经常需要在新页面中打开链接或者打开一个新的HTML页面。在这个小节中,我们将介绍如何在新页面中打开HTML页面。以下是在HTML页面中打开一个新页面的方法。

方法一:使用HTML的target属性的_blank

可以使用HTML的<a>标签,使用target属性设置为_blank来在新的页面中打开链接或HTML页面。

<a href="https://www.google.com" target="_blank">在新页面中打开Google</a>

在上面的代码中,我们使用了一个<a>标签,设置它的href属性为https://www.google.comtarget属性设置为_blank。这将会在新的页面中打开Google网站。

方法二:使用JavaScript的window.open()方法

也可以使用JavaScript中的window.open()方法来在新的页面中打开一个HTML页面。以下是一个示例代码:

<button onclick="openNewPage()">在新页面中打开页面</button>

<script>
function openNewPage(){
  window.open("https://www.google.com", "_blank");
}
</script>

在上面的代码片段中,我们定义了一个button按钮,并使用了JavaScript的window.open("https://www.google.com", "_blank")方法来在新的页面中打开Google网站。

方法三:使用HTML的form表单的target属性

可以使用HTML的form表单,使用target属性设置为_blank来在新的页面中打开提交的数据。

<form method="post" action="example.php" target="_blank">
  <input type="text" name="name">
  <button type="submit">提交</button>
</form>

在上面的代码中,我们使用了一个form表单,并将target属性设置为_blank。当用户提交表单时,表单数据将会在新的页面中打开。

结论

在网页开发中,有多种方法可以在新的页面中打开链接或HTML页面。无论你使用哪种方法,务必确保提供给用户友好的提示和链接。