javascript - 为什么我的 javascript 没有在我的 onload 中被调用?

标签 javascript jquery html css

我将我的 onload 设置为调用我的自定义函数的函数

在函数中,我的窗口应该滚动到通过散列后的值指定的位置 - 但是我没有看到我的控制台记录我的调试文本,页面也没有移动 - 我做错了什么?

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
window.onload = function()
    {
        scrollToLocation();
    };
function scrollToLocation()
{
    console.log("hi");
    var x = location.hash;
    console.log(x);
    $('html, body').animate(
    {
        scrollTop: x
    }, 500);
    var d = document.createElement("div");
    d.style.height = "101%";
    d.style.overflow = "hidden";
    document.body.appendChild(d);
    setTimeout(function ()
    {
        d.parentNode.removeChild(d);
    }, 10);
    return false;
}
</script>

最佳答案

好的。

我不明白为什么窗口加载函数没有触发。

改用文档就绪处理程序

$(function(){
     scrollToLocation();
})

至于hashchange事件被认为是看看this plugin

关于javascript - 为什么我的 javascript 没有在我的 onload 中被调用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21807266/

相关文章:

php - 按顺序打印网页

javascript - Ajax 中的函数成功 - Cordova/Framework7

jQuery draggable 在页面滚动后在错误的位置显示助手

javascript - Jquery/CSS 动画性能

javascript - 更改 SyntaxHighlighter 的背景颜色

javascript - 如何将本地/服务器目录中的所有图像添加到数组并在另一个文件上使用数组 var?

javascript - 使用js和css无限顺时针旋转 - timeout(0) 和 requestAnimationFrame() 之间的区别

javascript - 正在为如何刷新事件监听器而烦恼吗?

html - 选项卡式布局中的并排 div 在移动浏览器上重叠

javascript - 从 ajax 运行 javascript