Javascript 有没有其他方法将JS连接到HTML？_Javascript_Html

Javascript 有没有其他方法将JS连接到HTML？

javascript html

Javascript 有没有其他方法将JS连接到HTML？,javascript,html,Javascript,Html,我想在HTML/CSS/JS中创建一个可折叠目录列表，但它似乎不起作用（可折叠部分）。其他一切都很好。你能帮帮我吗守则如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul class="directory-list"&g

我想在HTML/CSS/JS中创建一个可折叠目录列表，但它似乎不起作用（可折叠部分）。其他一切都很好。你能帮帮我吗

守则如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul class="directory-list">
    <li>assets
        <ul>
            <li>css
                <ul>
                    <li>typography.css</li>
                    <li>layout.css</li>
                    <li>modules.css</li>
                    <li>states.css</li>
                    <li>theme.css</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
<script type="text/javascript">
    const allFolders = $(".directory-list li > ul");
    allFolders.each(function() {

        const folderAndName = $(this).parent();
        folderAndName.addClass("folder");

        const backupOfThisFolder = $(this);
        $(this).remove();
        folderAndName.wrapInner("<a href='#' />");
        folderAndName.append(backupOfThisFolder);

        folderAndName.find("a").click(function(e) {
            $(this).siblings("ul").slideToggle("slow");
            e.preventDefault();
        });

    });
</script>
</body>
</html>


标题

资产

css

排版
layout.css
modules.css
states.css
theme.css





const allFolders=$（“.directory list li>ul”）；
所有文件夹。每个（函数（）{
const folderAndName=$（this.parent（）；
folderAndName.addClass（“文件夹”）；
此文件夹的常量备份=$（此）；
$（this.remove（）；
folderAndName.wrapInner（“”）；
append（此文件夹的备份）；
folderAndName.find（“a”）。单击（函数（e）{
$（此）.ul.slideToggle（“慢”）；
e、 预防默认值（）；
});
});

您需要添加对jquery的引用。您自己的javascript似乎正在引用它

您可以在标题标记中添加此链接

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

或者，您可以使用普通（普通）javascript创建可折叠函数：

甚至CSS：

您的代码正在尝试使用jQuery。。。您的页面是否包含jQuery库？如果没有，您将需要添加它以使用这些方法。e、如果你加上

，我希望它能工作。。。。我个人会采用jquery-ref-link方法。无需重新创建车轮。非常感谢！！这有帮助！