关于js,我对此不太熟悉,但前些日子接到一个项目,是关于在数字电视的一个栏目的项目,本身这个栏目使用纯网页写的,放在电视上是可以运行,但对于后期的维护和修改是不符合数字电视规格的,所以要改成符合要求。
首先第一点,在纯网页中是可以用鼠标的,但在电视上只能使用遥控器,上下左右,上页,下页,返回和确定,所以要自己判断你所需要的逻辑关系,相应的key值,如下:
function keyDown(evt) { evt = (evt) ? evt : ((window.event) ? window.event : "") //IEFirefoxkeyBoardEvent var keyCode = evt.keyCode?evt.keyCode:evt.which; //IEFirefoxkeyBoardEventļֵ switch(keyCode) { case 37: //left键值 break; case 39://right键值 break; case 38: //up键值 break; case 40://down键值 break; case 13://确定键 break; case 8://返回键 break; case 34://下页 break; case 33://上页 break; } }
第二点就是数据要实现动态获取,因为这里还涉及一点的是,在网页设计之初,是实现界面外观最大化,所以该项目的各个页面的结构各个不同,就算有相同的结构,但数据有些是不同类型的,而知所以要实现动态获取,是为了在以后修改中,尽量少动程序,而直接加数据替换掉,所以要将相同结构做成一个模版,根据不同情况,提取不同数据,代码如下:
function loaded() { var url=" "; $.get(url, function(data){ show(data); }); } function show(data) { var dataObj=eval("("+data+")");//תΪjson }
而最终的dataObj就是获取的动态数据,我这里是用的jquery.js,本来之前我是用的ajax.js,但发现后续中其他调用,用jquery.js最方便,可以根据自身项目的需求调用。