javascript - 使用 Javascript 动态添加导航到母版页

Question

我在加载主页时使用 javascript 获取数据列表。例如:[账户”、“交易”、“金额”、“请求”我需要将上面的数据列表添加到母版页中包含的导航栏。

例如:导航栏

Answer 1

这很简单。假设您的母版页上的菜单是基于 UL/LI 的菜单，ID 为“ul”

<ul id="ul"></ul>

那么您应该在子页面上编写以下 JavaScript 代码来动态添加菜单项

<script>
        $(document).ready(function () {

            var elements = ["Accounts", "Transactions", "Amounts", "Requests"];

            for(i =0;i< elements.length;i++)
            {
                $("#ul").append("<li>" + elements[i] + "</li>");
            }


        });
    </script>