gpt4 book ai didi

javascript - 如何加载一个 html 页面并通过单击运行其中的一个函数?

转载 作者:太空宇宙 更新时间:2023-11-03 20:54:52 25 4
gpt4 key购买 nike

我是 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 并运行上面的功能而无需再次单击用户吗? (因此将加载只有“体育”文章的新闻页面)

提前致谢!最好的问候

最佳答案

在 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']; ?>);">

)

关于javascript - 如何加载一个 html 页面并通过单击运行其中的一个函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11792063/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com