如何將按鈕鏈接到使用jquery的頁面，前提是onclick也觸發一些其他功能

Question

我希望showAll按鈕單擊應該打開另一個頁面，並在那裏執行showAll函數，以便結果打印在新頁面上。其次，我如何將console.log語句修改爲其他語言，以便在此（新）頁面上打印結果，而不是在控制檯上打印結果。

HTML

<ul class="nav"> 
    <li id="add" ><p>Add</p></li> 
    <li id="show"><p>Show</p></li> 
    <li id="showAll"><p>Show All</p></li> 

</ul> 

JS文件

$(document).ready(function(){ 

    function showAll() 
    { 
     var objectStore = db.transaction(storeName).objectStore(storeName); 

     objectStore.openCursor().onsuccess = function(event) 
     { 
      var cursor = event.target.result; 
      if (cursor) 
      { 
      console.log(" Post: " + cursor.value.post); 
       cursor.continue(); 
      } 
      else 
      { 
       alert("No more entries!"); 
      } 
     }; 

    } 


      $("#showAll").click(function() 
     { 

      console.log("eventlistner called for showAll..."); 

      showAll(); 

     }); 

}); 

Answer 1

你必須要更具體的您可以通過"the new page"的意思。兩個不同的網頁之間傳遞數據，您可以：

• 進行POST/GET請求，與數據
• 商店一起在會話變量中的數據，通過AJAX調用一些後端腳本
• 儲存於臨時使用網站
• 使用HTML5與localStorage的API

Answer 2

我將做如下假設：

• 您的頁面設置與原始頁面分離。此頁面被稱爲Popup.html
• 您的原始頁面不不包含LOADALL（）函數
• 的勾住ShowAll（）代碼是獨立執行

下面的代碼添加到popup.html文件

$(document).ready(function(){ 
    var objectStore = db.transaction(storeName).objectStore(storeName); 

    objectStore.openCursor().onsuccess = function(event) 
    { 
     var cursor = event.target.result; 
     if (cursor) 
     { 
     console.log(" Post: " + cursor.value.post); 
      cursor.continue(); 
     } 
     else 
     { 
      alert("No more entries!"); 
     } 
    }; 

} 

現在你原來的頁面上，把下面的代碼：

$(document).ready(function(){ 
$("#showAll").click(function() 
{ 
    window.open("popup.html"); 
}; 
});