`
jiangzhenghua
  • 浏览: 600021 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Javascript的分层概念

 
阅读更多

 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版

    资源名称:javascript 分层概念 JS技术理念问题PPT版   内容简介: 第一届 web rebuild 北京会有个前淘宝前端开发工程师阿当分享的 PPT 在公司团队内部有同事下载的分享,然后看了。 在...

    javascript 分层概念 JS技术理念问题PPT版.ppt

    javascript 分层概念 JS技术理念问题PPT版.ppt

    javascript_分层概念_JS技术理念问题PPT版

    javascript_分层概念_JS技术理念问题PPT版

    WebRebuild北京第一届交流会之4:《javascript的分层概念》——阿当

    JavaScript的分层概念是软件开发中的一个重要原则,它旨在提高代码的可维护性、可扩展性和可重用性。在JavaScript中,我们可以将代码分为三个主要层次:底层、组件层和应用层。 底层(Native JavaScript): 底层...

    HTMLayout分层窗口.rar

    二、分层窗口的概念 在计算机图形学中,分层窗口是指在同一屏幕空间内,按照前后顺序排列的多个窗口。这些窗口可以重叠,每个窗口的透明度和可见性都可以独立控制,从而实现复杂的界面布局和动画效果。在HTMLayout中...

    24-分层和合成机制:为什么CSS动画比JavaScript高效?_For_vip_user_0011

    CSS动画与JavaScript的渲染机制之分层和合成机制 CSS动画与JavaScript都是我们常用的两种技术来实现动画效果,但是它们在渲染机制上有着很大的区别。今天我们来探讨CSS动画为什么比JavaScript高效。 首先,让我们...

    MVC模式与分层文章

    **MVC模式详解** MVC(Model-View-Controller)模式是一种软件设计模式,广泛应用于Web应用程序开发,尤其是在Java、.NET等平台中。它将应用程序的业务逻辑、用户...理解和掌握这些概念对于提升软件工程能力至关重要。

    Web开发,浏览器分层

    本文将详细探讨“浏览器分层”的概念,旨在帮助开发者更好地掌握Web页面的渲染过程,优化性能,提升用户体验。 首先,浏览器的主要工作可以分为几个关键层次: 1. **网络层**:这一层负责处理HTTP/HTTPS等网络协议...

    Chrome V8 Javascript引擎

    为了支持多个独立的JavaScript环境(如每个标签页一个环境),V8引入了上下文的概念。每个上下文都有自己的作用域链和全局对象,确保了不同环境之间的隔离。 7. **源码格式化和混淆代码处理**: V8引擎能够处理...

    javascript Tree

    在JavaScript中构建树形结构,一般会涉及到以下几个核心概念: 1. 节点(Node):树的基本组成单元,每个节点可以包含数据和子节点。节点之间通过父节点和子节点的关系形成层次结构。 2. 展开与折叠:用户可以通过...

    18种响应式分层动画jQuery幻灯片特效

    4. **JavaScript编程**:了解如何使用JavaScript控制幻灯片的切换,以及如何实现分层动画。 5. **响应式设计原理**:理解流体布局、百分比单位和媒体查询等概念,确保幻灯片在不同设备上表现良好。 通过研究这些...

    当当网代码分层设计不错的例子

    5. **领域模型层(Domain Model Layer)**:这一层包含了业务领域的实体和值对象,它们反映了业务的实体和概念。例如,在当当网中,商品、用户、订单等都可以视为领域模型,包含了它们的状态和行为。 6. **接口适配...

    The Art&Science of JavaScript.pdf

    ### JavaScript的艺术与科学 #### 知识点概览 本书《JavaScript的艺术与科学》由Cameron Adams、James Edwards、...通过本书的学习,读者可以掌握JavaScript的核心概念和技术栈,为构建复杂的Web应用打下坚实的基础。

    javascript树形菜单模板

    在本主题中,我们将深入探讨JavaScript实现树形菜单的核心概念和技术。 首先,我们需要理解树形数据结构。在计算机科学中,树是一种非线性的数据结构,由节点和边构成,每个节点可以有零个或多个子节点。在...

    百度地图JavaScriptAPI离线版.rar

    百度地图JavaScript API是百度提供的...开发者需要具备一定的JavaScript编程基础,理解地理信息系统的基本概念,以及如何使用百度地图API来实现自己的需求。通过学习和实践,可以创建出适应各种场景的定制化地图应用。

    ArcGIS API for JavaScript 4.5 API

    1. **基础概念** - **GIS(Geographic Information System)**:是一种将地理位置与相关信息相结合的系统,用于收集、存储、处理、分析和展示所有类型地理数据。 - **Web GIS**:GIS的一种形式,它将GIS服务和应用...

Global site tag (gtag.js) - Google Analytics