Javascript 如何使此按钮正常工作

Javascript 如何使此按钮正常工作,javascript,Javascript,我已经编写了一些代码,试图获得一个按钮,点击该按钮时会将用户发送到页面顶部。但是,我得到的错误类似于错误。未定义“$”。[无未定义] window.onload=function(){ $(文档).ready(函数(){ $(窗口)。滚动(函数(){ 如果($(this).scrollTop()>40){ $('#topBtn').fadeIn(); }否则{ $('#topBtn').fadeOut(); } }); $(“#topBtn”)。单击(函数(){ $('html,body').

我已经编写了一些代码,试图获得一个按钮,点击该按钮时会将用户发送到页面顶部。但是,我得到的错误类似于错误。未定义“$”。[无未定义]

window.onload=function(){
$(文档).ready(函数(){
$(窗口)。滚动(函数(){
如果($(this).scrollTop()>40){
$('#topBtn').fadeIn();
}否则{
$('#topBtn').fadeOut();
}
});
$(“#topBtn”)。单击(函数(){
$('html,body').animate({scrollTop:0},800);
});
});
#topBtn{
位置:固定;
底部:40px;
右:40px;
字体大小:22px;
宽度:50px;
高度:50px;
背景:#e74c3c;
颜色:白色;
边界:无;
光标:指针;
显示:无;
}

尝试将javascript更改为:

$(document).ready(function(){

       $(window).scroll(function(){
          if($(this).scrollTop() > 40){
            $('#topBtn').fadeIn();
          } else{
             $('#topBtn').fadeOut();
          }
       });

       $("#topBtn").click(function(){
          $('html ,body').animate({scrollTop : 0},800);
       });
});

您不应该将$(document).ready()放在window.onload中。

确保导入jQuery。上面的Script标记被打断,猜测它是一个打字错误。Java不是JavaScript的缩写。您是否意识到您使用的jQuery版本已经有8年历史了?将
$(document).ready()放入
窗口内。onload
没有意义。