Javascript 脚本标记中的Html

Javascript 脚本标记中的Html,javascript,html,css,Javascript,Html,Css,我想在1文件中管理我的小导航(我想用我网站上的每个导航来管理网站,使网站管理更容易)。我在每个网页的主体上都贴了一个ID标签。如果你们能帮我/给我一个更好的方法,我会非常感激的:D <script> if (document.getElementById("Games"))

我想在1文件中管理我的小导航(我想用我网站上的每个导航来管理网站,使网站管理更容易)。我在每个网页的主体上都贴了一个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>

if(document.getElementById(“游戏”))
{
} else if(document.getElementById(“Webdesign”)) {
} else(document.getElementById(“Cloudspace”)) {
}
编辑:我有一个这样的下拉菜单:如果我点击图书页面,我想看到图书作为下拉菜单的顶部
但仍然希望它是一个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>

函数changeNavCaption(){
var link=document.getElementByID('myLink');
var bodyID=document.body.id;
link.innerHTML=bodyID;
}

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


你能清楚地知道你想要实现什么吗。Nvm,我现在知道了。你可能想看看这个:要么是JavaScript,要么是HTML,不能两者都是。您也许可以使用
document.write()
来编写HTML字符串,但这有点草率。您可能希望做的是为元素分配
id
s,并将它们设置为不可见,然后在JavaScript代码中确定哪个元素应该可见并更改其样式;难道你没有HTML和show/hide元素吗?只是我的下拉菜单有不同的版本,比如在其中显示游戏,当你悬停它时,你会看到另外两个选项(书籍、电影)如果我在游戏页面上,当我在书籍页面上时,我只想看书籍,当我将其悬停时,我会有其他两种选择游戏和电影。为什么我有-2我得到我的代码是坏的,但我在这里得到帮助权利xD…我不理解它100%,但我会做一些额外的研究它^ u^!您不了解的部分是什么AndLink=搜索id为('myLink')bodyid=的元素只是像链接一样的主体id。innerHTML是链接中的html,因此锚点将是主体id的名称?我不知道我是否理解它,但它没有工作,而我尝试它。。。我想我需要一些if结构或其他东西来显示正确的ul li a标准,比如body id,这样我就可以在1文件中为所有页面管理相同的下拉菜单。我有点困惑,真的不知道从哪里开始查找…您希望您的链接正确显示当前页面的id。我的缺点是忘记设置ID作为示例。再次检查。是的,我不需要在第一个链接上使用a href,因为这是页面本身,但是这个解决方案的问题是,如果我在书本页面上,它会将第一个锚点显示为书本,而在下拉菜单中,书本也是可点击的页面。这确实是一个愚蠢的细节,所以我可能会使用我发现它的php方法更多的代码,但目前是我找到的最好的解决方案