<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" id="type"></input> <p id="p"></p> <script> var html={} //m html.model ={ content:{ "0":"你好", "1":"ok", "2":"大家好", "3":"你好", "4":"ok", "5":"大家好" }, data:function(id){ if(!(id in this.content)){ var id = 0; } return this.content[id] } } //v html.view={ init:function(value){ document.getElementById("p").innerHTML= value; }, id:function(){ return document.getElementById("type").value; } } //c html.controller = { init:function(){ var id = html.view.id(); //获取id var value = html.model.data(id); //通过id 过滤数据 html.view.init(value); //把数据加载到页面中 } } document.getElementById("type").onchange = html.controller.init; </script> </body> </html>
时间: 2024-10-07 00:32:34