学习 javascript 注意的4个问题


1.关于javascript伪协议:通过一个链接调用javascript函数,比如:

<a href="javascript:javascript's function;">link example</a>

作用:伪协议启用javascript,通过链接调用javascript函数 缺点:需要支持javascirpt功能的浏览器 不支持javascript浏览器:打开失败 支持但禁用javascript浏览器:do nothing 2.关于javascript内嵌事件,通过一些事件触发,比如onclick等,比如:

<a href="#" onclick="javascript's function;return false;">link example</a>

缺点:同javascript伪协议,没有预留退路

3.为什么要预留退路 禁用javascript的用户已经很少,但不能完全排除(比如某个重要的客户就在其中),并且搜索引擎使用的搜索机对javascript支持不是很理想,没有预留退路会使在搜索引擎上的排名落后 基于搜索引擎对javascript的不友好,所以不应该让javascript把重要内容添加到网页上(也就是不要滥用dom,innerHTML来添加重要内容).但还是要用,权衡着用,度的把握始终是世界上最难处理的一个问题. 题外话:AJAX同样是对搜索引擎支持的不友好(其实相对地说,应该是搜索引擎对AJAX支持的不友好),但对这个问题还需要去理解,毕竟SEO也是不可小视(应该重视)的问题

4.如何妥善处理javascript --->javascript和html的分离:将javascript写成函数,封装在外部文件,让html调用(当然,html中需要设置钩子)
--->javascript函数中预留退路:检测浏览器是否支持javacript,比如:
使用document.getElementById之前,检测:
if(!document.getElementById) return False;
--->通常重要的内容可以这样处理:
使用一些HTML标签显示在页面上,然后利用DOM来从文档中提取信息,再把那些信息以一种清晰和有意义的方式重新插入到 文档里去 等等等等,但这些对于我个人来说大部分还停留在理论部分,需要不断实践来加强思想的完善和处理问题方式的完善.
而关于这方面内容建议阅读<>,其实前面介绍的DOM内容也是我阅读该书后的一些总结和体会,该书对DOM Core的学习帮助比较好,比较适合初学者(但也只是我的意见)

« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3