Question

我有这段代码：

HTML

<div>
<p id="ui-id-1"><a href="www.google.com">Google</a></p>
</div>

的Javascript

function myFunction() {
    location.href="http://www.youtube.com";
    if($(window).width() < 958){
        document.getElementById("ui-id-1").innerHTML = location.href;
    }
}

当宽度为958或更小时，是否可以更改<p>中的链接？

Answer 1

您可能还想添加一个调整大小函数来处理它。

function myFunction() {
  var href = "http://www.youtube.com";
  if ($(window).width() < 958) {
    $("#ui-id-1 > a")[0].href = href;
  }
}

Answer 2

您无法将location.href设置为您设置的位置。它会立即加载您设置的页面。也许你的意思是

function myFunction() {
  var loc="http://www.youtube.com";
  if($(window).width() < 958){
    $("#ui-id-1 a").attr("href",loc);
  }
}

您需要在发生某些事件时调用该函数。

例如加载页面时（当然假设加载了jQuery）

$(function() {
  if($(window).width() < 958){
    $("#ui-id-1 a").attr("href","http://www.youtube.com");
  }
});

用JS改变链接

2 个答案: