[原创]使用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") 都出现问题,不允许加载
浙公网安备 33010602011771号