[Javascript技巧]代码编辑器的行号，通过hash定位

最新推荐文章于 2025-12-04 17:39:28 发布

最新推荐文章于 2025-12-04 17:39:28 发布 · 123 阅读

文章标签：

#javascript #ViewUI

Javascript技巧专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个JavaScript脚本，该脚本用于在文件源视图中为每一行添加行号，并实现根据URL哈希值滚动到指定行的功能。此脚本通过正则表达式判断哈希值是否符合行号格式，然后滚动到对应元素。

$.initLineNumbers = function () {
    var hash      = window.location.hash.substring(1),
        container = $.get('container'),
        hasLines, node;

    // Add ids for each line number in the file source view.
    $('.linenums>li').each(function () {
        $(this).set('id', 'l' + (index + 1));
        $(this).addClass('file-line');
        hasLines = true;
    });

    // Scroll to the desired line.
    if (hasLines && /^l\d+$/.test(hash)) {
        if ((node = $.get(hash))) {
            win.scroll(0, node.offset().x);
        }
    }
};