繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 尽可能写"友好"的"Javascript"代码
- Javascript
- JavaScript 解析Json字符串的性能比较分析代码
- js 日期字符串截取分割成单个具体的日期(2009-12-30 13:28:29)
- javascript 倒计时代码
- javascript 语法基础 想学习js的朋友可以看看
- javascript获取元素文本内容的通用函数
- javascript 动态设置已知select的option的value值的代码
- jquery 简单的图片展示效果
- js textarea自动增高并隐藏滚动条
- Javascript 中介者模式实例
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- jQuery Attributes(属性)的使用(二、类篇)
- Javascript document.referrer判断访客来源网址
- [原创]javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox]
- javascript获得光标所在的文本框(text/textarea)中的位置
- event.srcElement 用法笔记e.target
- javascript 导出数据到Excel(处理table中的元素)
- javascript DOM操作之动态删除TABLE多行
- Javascript在IE或Firefox下获取鼠标位置的代码
- Javascript 多浏览器兼容性问题及解决方案
- 让div层随鼠标移动的实现代码 ie ff
尽可能写"友好"的"Javascript"代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 151 ::
收藏到网摘: n/a
在Search Engine的robot搜索时，针对的type，text/html此类“文本”的友好度是最高的（现阶段text/xml除外），而text/javascript此类的友好度不理想，如果robot还要判断DHTML代码的话，那这个复杂度也是较高，而且划不来
因此，在DHTML编程时，如果要提升代码的友好度。采用的方法，较好的方法是“尽可能是把DHTML的代码简化成没有HTML的代码”。这句话如何理解？
e.g:
一个javascript menu。
方法一、采用常规的编程方法：
<script type="text/javascript">
var navi_menu = neverDHTMLmenu();
/* addItem method
* @ 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>
二、采用对Search Engine较友好的编程方法
复制代码 代码如下:
<script type="text/javascript">
onload = function() {
var config = {
container: document.getElementById("navigator_Container");
// and more configuration code
}
var navi_menu = new neverCssDHTMLMenu(config);
navi_menu.init();
</script>
<div id="navigator_Container" class="navigator_menu">
<ul>
<li><a href="http://www.never-online.net">home</a></li>
<li><a href="http://blog.never-online.net">blog</a></li>
<li><a href="http://www.never-online.net/music">music</a></li>
<!-- more... -->
</ul>
<div>
onload = function() {
var config = {
container: document.getElementById("navigator_Container");
// and more configuration code
}
var navi_menu = new neverCssDHTMLMenu(config);
navi_menu.init();
</script>
<div id="navigator_Container" class="navigator_menu">
<ul>
<li><a href="http://www.never-online.net">home</a></li>
<li><a href="http://blog.never-online.net">blog</a></li>
<li><a href="http://www.never-online.net/music">music</a></li>
<!-- more... -->
</ul>
<div>
从方法一和方法二来比较，方法一把一些HTML封装到了neverDHTMLmenu()里，但这样做并没有实际的好处，虽然我们依然可以把CSS给到这个类里。
方法二中可以看到有很多好处，比如，可以将view与program分离，可以实现客户端的MVC。换个角度说，可以提高开发效率。
可能有些朋友会问，除了menu，还有哪些程序可以按上述的方法分离呢？
上面也提到了，一般与页面交互较多的，会产生大量的HTML的，会影响Search Engine的robot的，都可以采用这种方法，当然了，这些只是讨论对Search Engine的友好度，所以，任何代码都必须由实际情况而定。
也或者有朋友问，这样为何会提高开发效率？
比如，美工做好模板后，（假设此美工会一些相关的HTML编写）那么按照xhtml标准，（如上例如示）
假设我要把原本的home改成Default page，那么美工得和程序员沟通，说要改这个menu的字，沟通时间在开发中也会多了。因此，在开发进度上，这个时间要算进去的。假设要改模板了，那么还得沟通。再或者假如原来用js生成的HTML是table做成的menu，要改版了，那么这个程序还得改写。不利于维护...
这个方法建议大家可以试试，意思主要就是JS负责业务实现，而视图则仍然交由HTML来处理。
评论 (0) All
