用javascript做链接的通用脚本

时间:2013-06-04 07:37:31

标签: javascript jquery

我有一个类似的脚本:

<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作为变量传递?

3 个答案:

答案 0 :(得分:3)

您可以使用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>

答案 1 :(得分: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);

答案 2 :(得分:1)

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

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