<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta name="format-detection" content="telephone=no" > <title>通用模板頁面</title> <link rel="stylesheet" type="text/css" href="/static/li/li-1.2.0.css"> </head> <body> <header></header> <article></article> <footer></footer> </body> <script type="text/html" id="registerMainTpl"> </script> <script src="../static/component/requirejs/require.min.js"></script> <script type="text/javascript"> var script = document.createElement("script"), head = document.head || document.getElementsByTagName('head')[0]; script.type = "text/javascript"; script.src = '/config.js?ver=' + (new Date()).getTime(); head.appendChild(script); script.onload = script.onreadystatechange = function(){ require( [ 'jquery', 'fastclick', 'artTemplate', 'li',//本身封裝的js類庫,包括head裏面引用的li-1.2.0.css 'common',//公共js,存放一些公用的方法 ], function($,FastClick,template){ FastClick.attach(document.body); var $body = $('body'), $header = $('header'), $article = $('article'); var registMain = { h5: function(){ this.renderHtml(); this.renderComponent(); this.watch(); }, //全局屬性 options: { }, //渲染模板的數據 data: { }, //渲染html renderHtml: function(){ }, //渲染組件 renderComponent: function(){ }, //事件監聽 watch: function(){ var self = this; } } dn.init(function(){ registMain.h5(); }) }) } </script> </html>