如何只加載一個html頁面並在其中運行一個函數只需點擊一下？

我是一個初學HTML-CSS-JS，我有這個問題：如何只加載一個html頁面並在其中運行一個函數只需點擊一下？

當我在我的網站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並運行上面的功能，而無需另一次點擊用戶？（所以只有「sport」文章的新聞頁面纔會被加載）

提前致謝！此致敬禮

來源

2012-08-03 Laurent

不知道你是問。你能否修改這個問題並清楚你所要求的？ – MaVRoSCy 2012-08-03 08:37:25

打電話給你的功能在你的page1.html

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

的身體的onload屬性但你需要的東西來獲得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-03 08:36:42 Jerska

謝謝！唯一的問題是，我不知道PHP（目前）我已經開始使用HTML而不是CSS，最後是JS！下一步是PHP！有沒有沒有PHP的解決方案？ – Laurent 2012-08-03 09:14:45

那麼，你需要用js分析查詢字符串。（查詢字符串是GET元素被PHP採用的地方，所有在「page.php？」之後的東西。這是可能的，[你可以在這裏看到]（http://stackoverflow.com/questions/901115/get -query-string-values-in-javascript），但這將成爲你工作的一部分。 – Jerska 2012-08-03 09:20:14

好的，我會嘗試一下！或者學習PHP吧！無論如何，謝謝！ – Laurent 2012-08-03 09:48:31

我不完全確定你問什麼，你想要一個函數來運行時，你加載頁面？如果是這樣的：http://javascript.about.com/library/blonload.htm

來源

2012-08-03 08:35:22 Andy

如何只加載一個html頁面並在其中運行一個函數只需點擊一下？

回答

相關問題