index.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
  7. <link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico">
  8. <!--<script type="text/javascript" src="core.js"></script>-->
  9. <title>君子堂</title>
  10. </head>
  11. <body>
  12. <noscript>
  13. <strong>
  14. 请开启 JavaScript 功能来使用 。
  15. </strong>
  16. </noscript>
  17. <div id="app">
  18. <!--<button type="button" onclick="jsToJava()" class="buttonT">JS To Java &#45;&#45;》 打开钱箱</button>-->
  19. </div>
  20. </body>
  21. <script>
  22. // function jsToJava(){
  23. // window.Jsbridge.invoke('openCacheBox',JSON.stringify({'p1-key':'p1-value'}), myFunction );
  24. // }
  25. // dataset 方法兼容 IE 浏览器。ie10及以下不支持dataset
  26. if (window.HTMLElement) {
  27. if (Object.getOwnPropertyNames(HTMLElement.prototype).indexOf('dataset') === -1) {
  28. Object.defineProperty(HTMLElement.prototype, 'dataset', {
  29. get: function () {
  30. var attributes = this.attributes // 获取节点的所有属性
  31. var name = []
  32. var value = [] // 定义两个数组保存属性名和属性值
  33. var obj = {} // 定义一个空对象
  34. for (var i = 0; i < attributes.length; i++) { // 遍历节点的所有属性
  35. if (attributes[i].nodeName.slice(0, 5) === 'data-') { // 如果属性名的前面5个字符符合"data-"
  36. // 取出属性名的"data-"的后面的字符串放入name数组中
  37. name.push(attributes[i].nodeName.slice(5));
  38. // 取出对应的属性值放入value数组中
  39. value.push(attributes[i].nodeValue);
  40. }
  41. }
  42. for (var j = 0; j < name.length; j++) { // 遍历name和value数组
  43. obj[name[j]] = value[j]; // 将属性名和属性值保存到obj中
  44. }
  45. return obj // 返回对象
  46. }
  47. })
  48. }
  49. }
  50. </script>
  51. </html>