Javascript 如何加载一个html页面并在其中运行一个函数，只需单击一下？_Javascript_Html_Css

Javascript 如何加载一个html页面并在其中运行一个函数，只需单击一下？

javascript html css

Javascript 如何加载一个html页面并在其中运行一个函数，只需单击一下？,javascript,html,css,Javascript,Html,Css,我是HTML-CSS-JS的初学者，我有一个问题：当我在我网站的page1.html上时，我可以通过选择导航栏的子菜单对页面中的不同文章进行排序（例如，子菜单1是“sport”，当我点击它时，只有标记为“sport”的文章可见）。以下是函数： <script style="text/javascript"> <!-- function sortNews(id){ var elmt = document.getEl

我是HTML-CSS-JS的初学者，我有一个问题：

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

        <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并运行上面的函数而不需要用户再次单击吗？（因此只会加载包含“体育”文章的新闻页面）

提前谢谢你！

致以最诚挚的问候

我不太清楚您的问题是什么，您是否希望在加载页面时运行函数？如果是这样：

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

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

但是您需要一些东西来获取id值。
您可以使用php，更具体地说，可以这样做

（在page2.html中，链接如下所示：

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

在page1.php中

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

在page1.html的body的onload属性中调用函数
<body onload="sortNews(id);">



但是您需要一些东西来获取id值。

您可以使用php，更具体地说，可以这样做
（在page2.html中，链接如下所示：
<a href="page1.php?id=sport>Sports News !</a>



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

不知道你在问什么。你能修改这个问题并弄清楚你在问什么吗？不知道你在问什么。你能修改这个问题并弄清楚你在问什么吗？谢谢！唯一的问题是我不懂PHP（目前）我从HTML开始，而不是CSS，最后是JS！下一步是PHP！有没有没有没有PHP的解决方案？好吧，你需要用JS分析查询字符串。（查询字符串是PHP获取GET元素的地方，所有在“page.PHP”之后的内容都在这里？）。这是可能的，但这将是你工作的一部分。好吧，我会试试看！或者学习PHP！无论如何，谢谢你！++谢谢你！唯一的问题是我不懂PHP（目前）我从HTML开始，而不是CSS，最后是JS！下一步是PHP！有没有没有没有PHP的解决方案？好吧，你需要用JS分析查询字符串。（查询字符串是PHP获取GET元素的地方，所有在“page.PHP”之后的内容都在这里？）。这是可能的，但这将是你工作的一部分。好的，我会试试！或者学习PHP！无论如何，谢谢++