Question

我需要用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;" >

否则，如果hScreen更多，我必须看到：

<a href="main.htm">

谢谢你的帮助!!

Answer 1

使用 attr

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

Answer 2

我能想到的最简单的方法

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

根据条件确定您的价值

Answer 3

给你的链接一个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");
}

Answer 4

也许这对你有用

$(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();">

Answer 5

给它一个唯一的ID并添加/删除属性。

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

在jquery中你会做

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

Answer 6

试试这个：

<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，你绑定click事件以打开一个弹出窗口，否则只需使用href

用jquery改变href

6 个答案: