[原创]使用js+xml制作的IE和FF都支持的树型菜单(程序不到4k哦)

 程序演示下载:
js+xml的树型菜单演示

j>
s_xml菜单下载

 1\ 制作这个树形菜单,我先想到使用.xml+js来制作. 在网上充传的代码也很多.
    但有些不支持FF的. 因为xml在操作的时候很麻烦.
 2\ 然后就是处理xml在FF的问题. 在IE很容易处理.

 3\ 对节点的事件绑定. 这个平时经常搞. attachEvent 对FF扩展
 
 4\ window.attachEvent 这个不能使用扩展. 一定判断浏览器分支来写
 
 5\ 然后就是获取事件Event 这个也经常搞.就是FF会的函数执行会自动带事件对象

 6\ 加载DOMDocument 这个有一个大问题. 4.0以上 不支持xpath的函数 感谢网上有一篇文章
    http://hyphappy.cnblogs.com/archive/2005/11/01/266321.html

 7\ 最大的一个问题就是FF加载xml出现问题老是加载不成功. 无法获取对象.
    后来查了一些资料,发现FF在1.4之前 只支持async=true;我在1.5测试所以通过
    如果在ff1.1 我想应该改变我的脚本.
 8\ 获取元素xml 这个也麻烦. 不过也在网上找到文章. 使用ff的defineGetter的方法扩展节点xml的属性

 9\ 用CSS 美化
 10\ 初始化事件.展开所有的节点
   fireEvent 事件 在IE容易实现. 但在FF更加合理.
      如: obj.click();obj.fireEvent("onclick");
      FF:
      var evt = document.createEvent("Events");
    evt.initEvent('submit', true, true);
    evt.stopPropagation();
    document.getElementById('test').dispatchEvent(evt);

 11,<base  href="" >href填入值的时候,发现FF出现一些问题.
   特别是 load("http://www.domain.com/data.xml") 都出现问题,不允许加载
 

posted on 2006-09-21 21:43  清雨轩  阅读(813)  评论(2)    收藏  举报

导航