Fatal编程技术网
  • javascript/
  • Javascript 只需单击一下即可切换样式表和内容部分

Javascript 只需单击一下即可切换样式表和内容部分

javascript php html

Javascript 只需单击一下即可切换样式表和内容部分,javascript,php,html,Javascript,Php,Html,如果用户单击顶部菜单栏上的某个部分，我会尝试同时切换stylesheet.css和content部分 如果我单独做其中一个，效果很好，但同时做两个，目前都不起作用 在my index.php中，我有一个设置样式表的函数： <link id="pagestyle" rel="stylesheet" type="text/css" href="Style.css"> <script type="text/javascript"> function sw

如果用户单击顶部菜单栏上的某个部分，我会尝试同时切换stylesheet.css和content部分

如果我单独做其中一个，效果很好，但同时做两个，目前都不起作用

在my index.php中，我有一个设置样式表的函数：

<link id="pagestyle" rel="stylesheet" type="text/css" href="Style.css">
    <script type="text/javascript">
        function swapStyleSheet (sheet) {
            document.getElementById('pagestyle').setAttribute('href', sheet);
            return;
        }
    </script>


功能交换样式表（表）{
document.getElementById（'pagestyle'）.setAttribute（'href'，sheet）；
回来
}
在Menu.php中是用于更改节的代码，它还调用上述函数。类别在列表中

<li><a href="index.php?section=section_games" onclick="swapStyleSheet('Games.css'); return false;">Games</a></li>

  •
    使用return false语句时，样式开关正确，但内容选择不正确。如果我删除returnfalse语句，内容是正确的，但是样式只会切换一小会儿

    谁能帮帮我吗

    谢谢大家！它现在起作用了

    我现在用onload在php文件中为标记中的每个部分加载样式表。看起来像这样：

    <body onload="swapStyleSheet('Game.css')">
    只是旁注：锚点（）指向另一个页面，因此它将重新加载页面。因此，通过重新加载页面，您的功能（在任何情况下都不起作用）将毫无用处，因为页面被刷新。“如果我删除return false语句，内容是正确的，但样式只会切换一小会儿”——当然，因为链接会触发加载新页面，由于您的样式表尚未切换……您需要在后台使用AJAX通过脚本加载链接内容并将其放置在当前文档中，或者干脆停止切换样式表客户端，让服务器在新页面上执行此操作。（或者根本不切换样式表，而是为所有页面设置一个样式表，这在大多数情况下最有意义。）将
    href
    设置为
    #
    不起作用吗？听起来像是胡说八道……为什么不先在每个文档中设置一个引用样式表的“普通”
    链接
    元素呢？是的，你说得对！这是一个简单的方法。我觉得太复杂了。。。非常感谢。