JavaScript 如何模拟target=”_blank”

JavaScript 如何模拟target=”_blank”

onclick 事件只在用户点击元素的时候发生,它是一个纯粹的JavaScript属性。每当你点击onclick事件时,它就会做一些动作,如显示一条信息或将用户重定向到另一个页面。在网站中必须减少对onclick事件的使用,因为它可能给用户造成混乱。所以,要非常明智地使用这些事件。

window.open()方法是用来在浏览器的新窗口或标签中打开链接或网页。所有著名的浏览器都支持这个方法,如chrome、firefox和opera。window.open()是一个预先定义的JavaScript方法。它完全取决于浏览器的设置和分配给参数的值。

在这篇文章中,我们将学习如何在JavaScript中模拟target=”_blank”。

语法

下面是window.open()方法的语法 —

window.open(URL, name, specs, replace)

参数

  • URL – 指定需要在新标签页中打开的页面的URL。假设,如果没有定义URL,那么将打开一个空白的新标签。

  • name – 用于设置窗口名称

  • specs – 用来分隔项目,没有逗号的白字

  • replace – 它创建一个新条目或替换当前列表。

以上是所有的可选参数。

操作步骤

按照下面给出的步骤,在JavaScript中模拟一次点击。

第1步 - 在正文部分,我们定义了标题、锚点和脚本元素。

第2步 --对于锚元素,我们定义了 blankFun()方法。使用这个方法,当我们点击链接时,链接将在新标签页中打开。

第3步 --window.open方法被用来设置链接在新窗口标签中打开。

第4步 - 点击链接后,onClick事件函数被触发,它在新的窗口标签中打开链接。

例子

在这个例子中,我们将看到我们如何在点击按钮时计算点击次数。

<html> 
   <body> 
   <h2>Simulate target="_blank" in JavaScript</h2>
   <a href="#" onclick="blankFun()">Link will open in the new window</a>
   <script>
      function blankFun() {
         window.open('https://www.tutorialspoint.com/', '_blank');
      }
   </script>
   </body> 
</html>

例子

让我们看看另一个在JavaScript中模拟target=”_blank “的例子。这里,我们将使用输入和按钮类型,以及window.open方法。

<html> 
   <body> 
      <h2>Simulate target="_blank" for various types of buttons using JavaScript </h2>
      <input type="button" onclick="windowTab('https://www.tutorialspoint.com/')" value="submit">
      <br><br>
      <button type="button" onclick="newWindow('https://www.tutorix.com/')">click here</button>

      <script>
         function windowTab(url) {
            window.open(url, '_blank');
         }
            function newWindow(url) {
            window.open(url, '_blank');
         }
      </script>
   </body> 
</html>

总结

在这篇文章中,我们已经成功地解释了如何使用JavaScript和例子来模拟target=”_blank”。我们使用了两个不同的例子,在第一个例子中,我们使用了onlick事件和window.open方法,用于锚定标签。在第二个例子中,我们使用了onclick,window.open方法来处理按钮类型,如输入和按钮。

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

JavaScript 示例