0

我是 HTML-CSS-JS 的初学者，我遇到了这个问题：

当我在我网站的 page1.html 时，我可以通过选择导航栏的子菜单来对页面的不同文章进行排序（例如子菜单 1 是“运动”，当我点击它时，只有标记为“运动”的文章可见）。这是功能：

        <script style="text/javascript">
    <!--
        function sortNews(id){
            var elmt = document.getElementsByTagName("section");

            for(var i = 0; i<elmt.length; i++){
                if(id == "all")
                    elmt[i].style.display = "block";
                else if(elmt[i].className != id)
                    elmt[i].style.display = "none";
                else
                    elmt[i].style.display = "block";
            }
        }
    // -->
    </script>

当我在 page2.html 时，我还可以通过导航栏选择第 1 页的子菜单（这意味着当我的鼠标经过菜单“新闻”时，子菜单会出现，我可以直接单击“体育”）。我的问题是：我可以加载 page1.html 并运行上面的功能而无需再次点击用户吗？（因此将加载只有“体育”文章的新闻页面）

先感谢您 ！此致

4

2 回答 2

3

在 page1.html 的 body 的 onload 属性中调用您的函数

<body onload="sortNews(id);">

但是你需要一些东西来获取 id 值。
您可以使用 php，更具体地说是$_GET来执行此操作。

（在您的 page2.html 中，链接将类似于：

<a href="page1.php?id=sport>Sports News !</a>

并在 page1.php

<body onload="sortNews(<?php echo $_GET['id']; ?>);">

)

于 2012-08-03T08:36:42.973 回答
2

我不确定您的要求是什么，您希望在加载页面时运行一个函数吗？如果是这样：http: //javascript.about.com/library/blonload.htm

于 2012-08-03T08:35:22.557 回答