js小练习settimeout应用，有两个问题

小练习实现一个导航栏效果如图。问题1：脚本第138行内的正则表达式（^|) (|$)在这里是表达什么意思？ |是那个按位或吗这里加一个| 是什么意思？问题2：我自己子导航栏写了多个span 最后在168行和186行报错 cannot read property style of undefined 且鼠标移过没有反应,而按照案例他的写法写了一个span 就不会报错是何原因？问题3：第180行 (event||window.event).cancelBubble=true; 对于这种表达式括号里的逻辑或运算结果不应该是布尔值吗那是怎么取到那个对象的？问题4：第140 156行 for循环 i=0 i<.length 在c语言中是数组越界为什么js中不报错？第161行为什么内层循环的循环变量为什么可以继续用i？