手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >尽可能写"友好"的"Javascript"代码
尽可能写"友好"的"Javascript"代码
摘要:在SearchEngine的robot搜索时,针对的type,text/html此类“文本”的友好度是最高的(现阶段text/xml除外),...

在SearchEngine的robot搜索时,针对的type,text/html此类“文本”的友好度是最高的(现阶段text/xml除外),而text/javascript此类的友好度不理想,如果robot还要判断DHTML代码的话,那这个复杂度也是较高,而且划不来

因此,在DHTML编程时,如果要提升代码的友好度。采用的方法,较好的方法是“尽可能是把DHTML的代码简化成没有HTML的代码”。这句话如何理解?

e.g:

一个javascriptmenu。

方法一、采用常规的编程方法:

<scripttype="text/javascript">

varnavi_menu=neverDHTMLmenu();

/*addItemmethod

*@pid

*@id

*@text

*@href

*/

navi_menu.addItem("0","1","home","http://www.never-online.net");

navi_menu.addItem("0","2","blog","http://blog.never-online.net");

navi_menu.addItem("0","3","music","http://www.never-online.net/music");

navi_menu.init("navigator_Container");

</script>

二、采用对SearchEngine较友好的编程方法

复制代码 代码如下:<scripttype="text/javascript">

onload=function(){

varconfig={

container:document.getElementById("navigator_Container");

//andmoreconfigurationcode

}

varnavi_menu=newneverCssDHTMLMenu(config);

navi_menu.init();

</script>

<divid="navigator_Container"class="navigator_menu">

<ul>

<li><ahref="http://www.never-online.net">home</a></li>

<li><ahref="http://blog.never-online.net">blog</a></li>

<li><ahref="http://www.never-online.net/music">music</a></li>

<>

</ul>

<div>

从方法一和方法二来比较,方法一把一些HTML封装到了neverDHTMLmenu()里,但这样做并没有实际的好处,虽然我们依然可以把CSS给到这个类里。

方法二中可以看到有很多好处,比如,可以将view与program分离,可以实现客户端的MVC。换个角度说,可以提高开发效率。

可能有些朋友会问,除了menu,还有哪些程序可以按上述的方法分离呢?

上面也提到了,一般与页面交互较多的,会产生大量的HTML的,会影响SearchEngine的robot的,都可以采用这种方法,当然了,这些只是讨论对SearchEngine的友好度,所以,任何代码都必须由实际情况而定。

也或者有朋友问,这样为何会提高开发效率?

比如,美工做好模板后,(假设此美工会一些相关的HTML编写)那么按照xhtml标准,(如上例如示)

假设我要把原本的home改成Defaultpage,那么美工得和程序员沟通,说要改这个menu的字,沟通时间在开发中也会多了。因此,在开发进度上,这个时间要算进去的。假设要改模板了,那么还得沟通。再或者假如原来用js生成的HTML是table做成的menu,要改版了,那么这个程序还得改写。不利于维护...

这个方法建议大家可以试试,意思主要就是JS负责业务实现,而视图则仍然交由HTML来处理。

【尽可能写"友好"的"Javascript"代码】相关文章:

js+html5通过canvas指定开始和结束点绘制线条的方法

编写高质量JavaScript代码的基本要点

多附件上传组件演示

Javascript - HTML的request类

Email地址加密javascript版

JavaScript基本语法讲解

js随机生成26个大小写字母

让iframe框架网页在任何浏览器下自动伸缩

jquery合并表格中相同文本的相邻单元格

使用RequireJS优化JavaScript引用代码的方法

精品推荐
分类导航