change href with jquery



我需要用jquery改变href标签,现在我已经有了这个

$(document).ready(function () {
    var hScreen = $(window).height();
    var lScreen = $(window).width();
    if(hScreen < 800){
    }
});

现在我想看看hScreen是否小于800我的href将是:

<a href="javascript:" onClick="window.open('v2/main.html','longu','width='+screen.availWidth,'height='+screen.availHeight,scrollbars=1); return false;" >

else if hScreen is more i must see this

<a href="main.htm">
谢谢你的帮助!

use attr

if(hScreen < 800){
   $('a').attr('href','main.htm');
}

给你的链接一个id(例如id="aDeneme");

$(document).ready(function () {
    var hScreen = $(window).height();
    var lScreen = $(window).width();
 if(hScreen < 800){
$("aDeneme").attr("href","javascript:void(0)");
$("aDeneme").attr("onclick","window.open('v2/main.html','longu','width='+screen.availWidth,'height='+screen.availHeight,scrollbars=1)");
    }
else{
$("aDeneme").attr("href","main.htm");
}

也许这对你有用

$(function(){
  var hScreen = $(window).height();
  var lScreen = $(window).width();
  function checkHeight(){
    if(hScreen < 800){
      window.open('v2/main.html','longu','width='+screen.availWidth,'height='+screen.availHeight,scrollbars=1);
    } else {
      window.open('main.html');
    }
  }
})
<a href="checkHeight();">

我能想到的最简单的方法

$("selector for your anchor tag").attr('href',value);

根据条件

确定值

给它一个唯一的id和添加/删除属性。

<a id="myLink" href="javascript:"></a>

在jquery中,你会做

$('#myLink').attr('href', 'main.htm');

试试这个:

<a href="main.htm" id="mainLink">Goto to main Link</a>

这里id="mainLink"需要从JavaScript中选择这个元素

JavaScript代码

$(document).ready(function () {
    var hScreen = $(window).height();
    var lScreen = $(window).width();
    if(hScreen < 800) {
       $("#mainLink").bind('click', function() {
         window.open('v2/main.html', 'longu', 'width=' + screen.availWidth, 'height=' + screen.availHeight, scrollbars=1);
         return false;
       });
    }
});

应该是这样的,如果你有hScreen < 800,你绑定点击事件打开一个弹出窗口否则就用href

最新更新