Question

大家好，我是一名新的网络程序员我不知道如何解决这个问题。我需要在＆lt; 400px屏幕上更改href，因为我重新设计了智能手机的主页。在CSS中我隐藏了原始页面并最后显示。感谢您的帮助。谢谢你这是我的代码：

JAVASCRIPT：

<script type="text/javascript">
  function changelink(){
    var link=document.getElementById("scrollhome");

    if(document.width<400px){
    link.href="#smartphone";
    }
  }
</script>

HTML

<div class="col-md-offset-2 col-md-1 col-xs-3 scatola">
   <a class="scroll" href="#slide1" id="scrollhome"><div class="box-piccolo bordo" style="background-color:#4D4543">
       <i class="fa fa-arrow-up fa-4x" style="color:#fff"></i>
   </div></a>
</div>

Answer 1

尝试使用此脚本。

<script type="text/javascript">
 function changelink(){
    var link=document.getElementById("scrollhome");

    if( window.innerWidth<400px)
       link.href="#smartphone"; 

    return false;
  }
</script>

Answer 2

没有jquery

<script type="text/javascript">
  function changelink(){
    var width = document.body.clientWidth;
    var link=document.getElementById("scrollhome");

    if(width < 400){
       link.href="#smartphone";
    }
  }
</script>

在小型设备上更改href

2 个答案: