脚本标记中的Html

时间:2015-11-03 23:08:53

标签: javascript html css

我想在1file中管理我的小导航(我想在我的网站上使用每个导航来做网站管理更容易)。我在每个网页的主体上都放了一个ID标签。如果你们能帮我这个/给我一个更好的方法我会高度赞美它:D!

                                    <script>
                                    if (document.getElementById("Games"))
                                    {

                                            <ul>
                                                <li><a href="Games.php">Games</a>
                                                    <ul>
                                                        <li><a href="Books.php">Books</a></li>
                                                        <li><a href="Movies.php">Movies</a></li>
                                                    </ul>
                                                </li>
                                            </ul>

                                }
                                    else if(document.getElementById("Webdesign"))
                                    {

                                        <ul>
                                                <li><a href="Games.php">Webdesign</a>
                                                    <ul>
                                                        <li><a href="Books.php">Books</a></li>
                                                        <li><a href="Movies.php">Movies</a></li>
                                                    </ul>
                                                </li>
                                        </ul>

                                    }
                                    else(document.getElementById("Cloudspace"))
                                    {

                                        <ul>
                                                <li><a href="Games.php">Books</a>
                                                    <ul>
                                                        <li><a href="Books.php">Games</a></li>
                                                        <li><a href="Movies.php">Movies</a></li>
                                                    </ul>
                                                </li>
                                        </ul>

                                    }
                                    </script>

编辑:我有一个这样的下拉菜单:http://www.glovizion.eu/index.php如果我点击页面书籍以查看图书作为下拉菜单的顶部我想要 但仍然希望它是一个1file头,因此很容易管理编辑而无需在每个页面上更改它。

2 个答案:

答案 0 :(得分:1)

创建一个JavaScript函数,找到ID为'myLink'的链接

将链接的innerHTML设置为正文ID

在body的onload事件上调用JavaScript函数

<html>
    <head>
        <title></title>
        <script type="text/javascript">
            function changeNavCaption() {
                var link = document.getElementByID('myLink');
                var bodyID = document.body.id;

                link.innerHTML = bodyID;
            }
        </script>
    </head>
    <body id="Books" onload="changeNavCaption()">
        <ul>
            <li><a id="myLink" href="Games.php">Books</a>
                <ul>
                    <li><a href="Books.php">Books</a></li>
                    <li><a href="Movies.php">Movies</a></li>
                </ul>
            </li>
         </ul>
    </body>
</html>

答案 1 :(得分:0)

Nevermind在我自己的答案中找到了解决方案,它的超级简单可能有点过时我不知道是否有更好的解决方案:

http://v1.jontangerine.com/log/2008/02/designer-php-a-dynamic-menu-with-if-and-else