javascript - 用javascript做链接的通用脚本

Question

我有一个像这样的脚本：

<script  type="text/javascript">
     $("a.link").on("click",function(){
         window.open('http://site.com/fir.php','_self',false);
     });
</script>

我用它作为

<a  href="fir.php" class="link">
fir
</a>

如何只制作一个脚本并将我想打开的 url 作为变量传递？

Answer 1

您可以使用this.href获取特定链接的 href 以导航以在窗口中打开，但请确保使用以下命令停止链接的默认行为.preventDefault()：

<script  type="text/javascript">
    $("a.link").on("click",function(e){
       e.preventDefault();// or return false; 
       window.open('http://site.com/'+this.href, '_self', false);
    });
 </script>

Answer 2

像这样试试

<script  type="text/javascript">
 $("a.link").on("click",function(){
     window.open('http://site.com/'+$(this).attr('href'),'_self',false);
 });
 </script>

你可以使用.prop也喜欢

window.open('http://site.com/'+$(this).prop('href'),'_self',false);

Answer 3

您可以直接使用此 HTML 代码。可能会对您有所帮助

 $(function(){
  $("a.link").on("click",function(e){
    window.open(this.href, '_self', false);
  });
 });