index.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
  6. <title></title>
  7. <link rel="stylesheet" href="./static/css/public.css" type="text/css">
  8. <link rel="stylesheet" type="text/css" href="./static/translateelement.css" />
  9. <style>
  10. body,
  11. html {
  12. background: #323337;
  13. overflow: hidden;
  14. }
  15. </style>
  16. <script type="text/javascript">
  17. // 步骤一:创建异步对象
  18. var ajax = new XMLHttpRequest();
  19. // 步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端
  20. ajax.open('get', 'https://admin.bestefon.com/api/site/getInfo.do');
  21. // ajax.open('get', 'http://localhost:8070/api/site/getInfo.do');
  22. // 步骤三:发送请求
  23. ajax.send();
  24. // 步骤四:注册事件 onreadystatechange 状态改变就会调用
  25. ajax.onreadystatechange = function () {
  26. if (ajax.readyState == 4 && ajax.status == 200) {
  27. // 步骤五 如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的
  28. var styleName = JSON.parse(ajax.responseText).data.siteColor
  29. if (styleName == 'black') {
  30. window.localStorage.setItem('styleName', 'black-bg')
  31. document.getElementsByTagName('body')[0].className = 'black-bg'
  32. } else if (styleName == 'yellow') {
  33. window.localStorage.setItem('styleName', 'red-bg')
  34. document.getElementsByTagName('body')[0].className = 'yellow-bg'
  35. } else {
  36. window.localStorage.setItem('styleName', 'red-bg')
  37. document.getElementsByTagName('body')[0].className = 'red-bg'
  38. }
  39. }
  40. }
  41. </script>
  42. </head>
  43. <body>
  44. <div id="app"></div>
  45. <!-- built files will be auto injected -->
  46. </body>
  47. </html>
  48. <script type="text/javascript">
  49. </script>