history.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>历史记录</title>
  8. <link rel="stylesheet" href="./public/css/uform.css">
  9. <link rel="stylesheet" href="./public/css/browser.css">
  10. </head>
  11. <body style="overflow-y: auto">
  12. <section style="-webkit-app-region: drag" class="bowerHeader">
  13. <section style="-webkit-app-region: no-drag" class="bowerHeaderMenu clearfix">
  14. <button type="button" class="icon-times newBrowserClose" style="font-size:16px"></button>
  15. </section>
  16. <div class="BrowserHistoryTitle">历史记录</div>
  17. </section>
  18. <div class="CampusInfoBrowserHistory"></div>
  19. <script src="./public/js/uform.js"></script>
  20. <script>
  21. const electron = require('electron');
  22. var ipc=require('electron').ipcRenderer;
  23. var BrowserHistory = $(".CampusInfoBrowserHistory")[0];
  24. for (a in localStorage) {
  25. var str = localStorage[a];
  26. var storage = JSON.parse(str)
  27. HistoryBody=$$("div", {
  28. "className": "history_body","title":storage.title,
  29. }, BrowserHistory);
  30. var first=BrowserHistory.firstChild;//得到第一个元素
  31. BrowserHistory.insertBefore(HistoryBody,first);//在得到的第一个元素之前插入
  32. HistoryBody.time=$$("span", {
  33. "className": "history_time","innerHTML":storage.time,
  34. }, HistoryBody);
  35. HistoryBody.title=$$("p", {
  36. "className": "history_title","innerHTML":storage.title,
  37. }, HistoryBody);
  38. HistoryBody.url=$$("p", {
  39. "className": "history_url","innerHTML":storage.url,
  40. }, HistoryBody);
  41. }
  42. $(".newBrowserClose")[0].onclick=function(){
  43. ipc.send('BrowserWindow-hide-window');
  44. }
  45. </script>
  46. </body>
  47. </html>