집 >웹 프론트엔드 >JS 튜토리얼 >FireFox_JavaScript와 호환하려면 또는 ||를 사용하세요.

FireFox_JavaScript와 호환하려면 또는 ||를 사용하세요.

WBOY원래의: 2016-05-16 19:29:21916검색

看例子:

运行代码框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 /DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <머리> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>제목 없는 문서</title> </머리> <본문> <li> <a href="http://www.blueidea.com/articleimg/bbsimg/smile.gif"/></a> <a href="图文地址">打开</a> </li> </li> <li> <a href="http://www.blueidea.com/articleimg/bbsimg/biggrin.gif"/></a> <a href="图文地址">打开</a> </li> </li> <li> <a href="http://www.blueidea.com/articleimg/bbsimg/confused.gif"/></a> <a href="图文地址">打开</a> </li> </body> </html> <스크립트 언어="javascript" type="텍스트/javascript"> document.body.onclick = 함수(evt){ evt = evt || 창.이벤트; var o = evt.target || evt.srcElement; window.open(o.previousSibling.href || o.previousSibling.previousSibling.href); 거짓을 반환; } </스크립트> </li>
[Ctrl A 전체부选择提示:你可先修改part代码，再按运行]

继续向下：
evt = evt || window.event;

여기IE下,evt 就会指向:window.event,지금fireFox下,就会指向那个默认参数.因为在IE下 evt || window.event 상대: null || window.event,结果还是window.event而在fireFox下,就相当于 evt || null ,结果就是evt

向下看:

o.previousSibling.href || o.previousSibling.previousSibling.href

前面一个表达式节点,而IE则默认为false,即把空白不看成一个节点. 这里说到了XMLDom, 似乎和上面所说的不相关, 但是에서 PreviousSibling就是空白, 除不两个HTML标签之间没有任何shape式的格.

打开

两个间有换行(属于空格的一种), 所以在FireFox下,取下面一个的前一个节点的话,就必须用:

o.previousSibling.previousSibling.href

可能你还是没有看明白,没关系,
再举个简单的:

运行代码框