Javascript如何分层:
我们把javascript分为三层,从下往上依次是base层、common层和page层。每一层所完成的任务如下图:
Base层:
浏览器兼容问题:
1.nextSlibing.nodeType的值在火狐和IE下的值是不同的例如:
<ul>
<li id="item1"></li>
<li id="item2"></li>
<li id="item3"></li>
<ul>
<script type="text/javascript">
var item1=document.getElementById("item1");
alert(item1.nextSlibing.nodeType);
alert(document.getElementsByTagName("ul")[0].childNodes.length);
</script>
在IE下会弹出1和3在火狐下会弹出3和7,原因就是火狐会将包括空白和换行等文本信息也当做childNodes的一员,而IE则会忽略它。
所以了解决火狐和IE的兼容性问题,就封装了一个获取当前节点下一个兄弟结点的函数:
<script type="text/javascript"> function getNextNode(node){ node = typeof node = "String"?document.getElementById(node):node; var nextnode = node.nextSibling; if(!nextnode) return null; if(document.all){ while(true){ if(nextNode.nodeType==1){ break; }else{ if(nextNode.nexrSibling){ nextNode=nextNode.nextSibling; }else{ break; } } } } return nextnode; } </script>
分享到:
相关推荐
资源名称:javascript 分层概念 JS技术理念问题PPT版 内容简介: 第一届 web rebuild 北京会有个前淘宝前端开发工程师阿当分享的 PPT 在公司团队内部有同事下载的分享,然后看了。 在...
javascript 分层概念 JS技术理念问题PPT版.ppt
javascript_分层概念_JS技术理念问题PPT版
《javascript的分层概念》——阿当 点击tag“WebRebuild北京第一届交流会”下载全部6个PPT 北京Google技术用户组与W3C、Webrebuild联合在Google公司成功地举办了第一次Webrebuild北京交流会。
但在javascript里面多态的概念是不存在,而继承由于web页面的必须先下载js在运行导致js的继承不能像后台那么灵活而且js没有重载以及重写不方便(而且js中重写的意义不是很大),所以在js中很少用到面向对象,可能在一些...
javascript_分层概念_JS技术理念问题PPT版.ppt Javascript_教程.doc javascript_跨文档调用技术.doc jQuery_Ajax全解析.doc jQuery的起点教程(PDF版).pdf Struts2与AJAX.doc 四天学会ajax_ajax教程.pdf
具有嵌套状态概念的状态机称为分层状态机。 当嵌套状态处于活动状态时,其每个父状态也处于活动状态。 这是什么图书馆? 该库提供了上述系统的准系统实现。 它对两件事仍然没有意见: 什么是状态 如何在两个状态...
5.2 JavaScript的分层概念和JavaScript库 5.2.1 JavaScript如何分层 5.2.2 base层 5.2.3 common层 5.2.4 page层 5.2.5 JavaScript库 5.3 编程实用技巧 5.3.1 弹性 5.3.2 getElementById、...
由于Durandal的路由器实现并未设计为分层的,尽管它支持子路由器的概念,但它们本质上很简单,并且对于深层页面而言,激活生命周期调用未正确调用。 我已经重新设计了旧路由器中的几乎所有内容,以修复分层激活...
POC Graphql服务器API解析程序绑定到sql db顶部的prisma层。 该POC实现了博客平台所需的基本数据模型。 如何运行项目。 克隆仓库,并导航到项目根目录。 安装依赖项 yarn 通过以下方式部署“ dev” prisma db...
从Java的借用了大多数概念。 追加者 附加程序将日志转换为控制台条目,文件条目,ajax发布...等。您可以有多个附加程序,并且可以将附加程序分配给特定的记录器。 附加器遵循分层模型(父级的附加器将应用于其子级...
它仅用于说明本书中的各种技能和概念。 但是,您可能希望自己进行重构。 所以代码在这里。 我已将代码组织成具有以下级别的分层目录结构: 编程语言目录 章节目录 截面文件 每个文件都使用以下格式命名: {page...
(二)我对教材的处理方法 把教材所涉及的知识点进行分层,使学生由简入深理解和掌握CSS样式表的使用。 对教材内容进行二次处理,制作原创案例,使内容更加适合我班学生学习。 由CSS样式表的使用引导学生对网页界面...
项目深入实践了权限管理的关键概念,保障了系统的安全性与灵活性。 技术组成: - 主要编程语言:Java - 辅助技术:CSS、JavaScript 文件结构: 项目共包含340个文件,涵盖了前端展现、后端逻辑及配置等各个层面。...
这是Zoom的网络克隆,它使用对等和WebRTC的概念用Javascript制作,该概念是在@ErickWendel的JS专家周培训中指导下制作的。 在应用程序的开发中,可以看到实时通信的概念,包括视频/音频会议室的实现,文件生成和二...
内核是一个庞大而复杂的操作系统的核心,不过尽管庞大,但是却采用子系统和分层的概念很好地进行了组织。在本文中,您将探索 Linux内核的总体结构,并学习一些主要的子系统和核心接口。您还可以通过其他IBM文章的...
我的网站通过使用分层树形图的可视表示形式简要介绍了机器学习。 通过单击树的节点,有关机器学习概念的信息将显示在该图下方。 目标受众是对什么是机器学习以及构成机器学习的元素知之甚少的用户。 该网站通过让...
比如 python 中函数和变量也都是对象, Javascript 中有很多的伪对象,Java 则是完全的面向对象,而 Java 和 PHP 等语言都只能使用单继承,而 C++则使用令人头疼的多继承、 虚函数、友元等等一些复杂的概念,导致了...