javascript控件是什么?javascript框架有哪些
大家好,关于javascript控件是什么很多朋友都还不太明白,今天小编就来为大家分享关于javascript框架有哪些的知识,希望对各位有所帮助!
javascript如何默认控件悬浮
用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。当style.display="block"或style.visibility="visible"时控件或见,当style.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件,而且被隐藏的控件不再占用显示时占用的位置,而“visibility”隐藏的控件仅仅是将控件设置成不可见了,控件仍然占俱原来的位置。
function displayHideUI()
{
var ui=document.getElementById("bbs");
ui.style.display="none";
}
function displayShowUI()
{
var ui=document.getElementById("bbs");
ui.style.display="";//display为空的话会好使,为block会使后边的空间换行
}
function visibilityHideUI()
{
var ui=document.getElementById("bbs");
ui.style.visibility="hidden";
}
function visibilityShowUI()
{
var ui=document.getElementById("bbs");
ui.style.visibility="visible";
}
</script>
值描述
none此元素不会被显示。
block此元素将显示为块级元素,此元素前后会带有换行符。
inline默认。此元素会被显示为内联元素,元素前后没有换行符。
inline-block行内块元素。(CSS2.1新增的值)
list-item此元素会作为列表显示。
run-in此元素会根据上下文作为块级元素或内联元素显示。
compact CSS中有值compact,不过由于缺乏广泛支持,已经从CSS2.1中删除。
marker CSS中有值marker,不过由于缺乏广泛支持,已经从CSS2.1中删除。
table此元素会作为块级表格来显示(类似<table>),表格前后带有换行符。
inline-table此元素会作为内联表格来显示(类似<table>),表格前后没有换行符。
table-row-group此元素会作为一个或多个行的分组来显示(类似<tbody>)。
table-header-group此元素会作为一个或多个行的分组来显示(类似<thead>)。
table-footer-group此元素会作为一个或多个行的分组来显示(类似<tfoot>)。
table-row此元素会作为一个表格行显示(类似<tr>)。
table-column-group此元素会作为一个或多个列的分组来显示(类似<colgroup>)。
table-column此元素会作为一个单元格列显示(类似<col>)
table-cell此元素会作为一个表格单元格显示(类似<td>和<th>)
table-caption此元素会作为一个表格标题显示(类似<caption>)
inherit规定应该从父元素继承display属性的值。
今天解决的问题是在jsp页面中给css定义的label.error的类一个id,然后通过控制id的可见性来实现收起div时清除js的提示信息。具体如下:
在准备界面的函数中var label1= document.getElementById("label1");
$(document).ready(function(){
$(".flipp.span4").click(function(){
$(this).parent().next().toggle();
$(this).parent().parent().prevAll().find(".panel").hide();
$(this).parent().parent().nextAll().find(".panel").hide();
var label1= document.getElementById("label1");
label1.style.display="none";
})
然后在jsp相应的地方加入:
<label class="error" id="label1" for="currentPWD" generated="true" style="display:inline"></label>
对于css定义的label.error类,可以使用$("label.error").removeAttr("style").attr("style","display: none;");来实现如上的功能。。。。。而且,貌似也不用在地下相应的位置给label定义id值
javascript框架有哪些
目前来看,JS框架以及一些开发包和库类有如下几个,Dojo、Scriptaculous、Prototype、yui-ext、Jquery、Mochikit、mootools、moo.fx
Dojo(JS library and UI component):
Dojo是目前最为强大的j s框架,它在自己的Wiki上给自己下了一个定义,dojo是一个用JavaScript编写的开源的DHTML工具箱。dojo很想做一个“大一统”的工具箱,不仅仅是浏览器层面的,野心还是很大的。Dojo包括ajax, browser, event, widget等跨浏览器API,包括了JS本身的语言扩展,以及各个方面的工具类库,和比较完善的UI组件库,也被广泛应用在很多项目中,他的UI组件的特点是通过给html标签增加tag的方式进行扩展,而不是通过写JS来生成,dojo的API模仿Java类库的组织方式。用dojo写Web OS可谓非常方便。dojo现在已经4.0了,dojo强大的地方在于界面和特效的封装,可以让开发者快速构建一些兼容标准的界面。
优点:库相当完善,发展时间也比较长,功能强大,据说利用dojo的io.bind()可以实现comet,看见其功能强大非一般,得到IBM和SUN的支持
缺点:文件体积比较大,200多KB,初次下载相当慢,此外,dojo的类库使用显得不是那么易用,j s语法增强方面不如prototype。
Prototype(JS OO library):
是一个非常优雅的JS库,定义了JS的面向对象扩展,DOM操作API,事件等等,以prototype为核心,形成了一个外围的各种各样的JS扩展库,是相当有前途的JS底层框架,值得推荐,感觉也是现实中应用最广的库类(RoR集成的AJAX JS库),之上还有 Scriptaculous实现一些JS组件功能和效果。
优点:基本底层,易学易用,甚至是其他一些js特效开发包的底层,体积算是最小的了。
缺点:如果说缺点,可能就是功能是他的弱项
Scriptaculous(JS UI component based on prototype):
Scriptaculous是基于prototype.js框架的JS效果。包含了6个js文件,不同的文件对应不同的js效果,所以说,如果底层用 prototype的话,做js效果用Scriptaculous那是再合适不过的了,连大名鼎鼎的digg都在用他,可见不一般
优点:基于prototype是最大的优点,由于使用prototype的广泛性,无疑对用户书锦上添花,并且在《ajax in action》中就拿Scriptaculous来讲述js效果
缺点:刚刚兴起,需要时间的磨练
yui-ext(JS UI component):
基于Yahoo UI的扩展包yui-ext是具有CS风格的Web用户界面组件能实现复杂的Layout布局,界面效果可以和backbase媲美,而且使用纯javascript代码开发。真正的可编辑的表格Edit Grid,支持XML和Json数据类型,直接可以迁入grid。许多组件实现了对数据源的支持,例如动态的布局,可编辑的表格控件,动态加载的Tree控件、动态拖拽效果等等。1.0 beta版开始同Jquery合作,推出基于jQuery的Ext 1.0,提供了更多有趣的功能。
优点:结构化,类似于java的结构,清晰明了,底层用到了Jquery的一些函数,使整合使用有了选择,最重要的一点是界面太让让人震撼了。
缺点:太过复杂,整个界面的构造过于复杂。
Jquery:
jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优秀的js效果,jQuery可以帮你达到目的!并且简介的语法和高的效率一直是jQuery追求的目标,
优点:注重简介和高效,js效果有yui-ext的选择,因为yui-ext重用了很多jQuery的函数
缺点:据说太嫩,历史不悠久。
Mochikit:
MochiKit自称为一个轻量级的js框架。MochiKit主要受到 Python和 Python标准库提供的很多便利之处的启发,另外还缓解了浏览器版本之间的不一致性。其中的 MochiKit.DOM尤其方便,能够以比原始 JavaScript更友好的方式处理 DOM对象。MochiKit.DOM大部分都是针对 XHTML文档定制的,如果与 MochiKit和 Ajax结合在一起,使用 XHTML包装的微格式尤其方便。Mochikit可以直接对字符串或者数字格式化输出,比较实用和方便。它还有自己的 js代码解释器
优点:MochiKit.DOM这部分很实用,简介也是很突出的
缺点:轻量级的缺点
mootools:
MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。Mootools跟prototypejs相类似,语法几乎一样。但它提供的功能要比prototypejs多,而且更强大。比如增加了动画特效、拖放操作等等。
优点:可以定制自己所需要的功能,可以说是prototypejs的增强版。
缺点:不大不小,具体应用具体分析
moo.fx:
moo.fx是一个超级轻量级的javascript特效库(7k),能够与prototype.js或mootools框架一起使用。它非常快、易于使用、跨浏览器、符合标准,提供控制和修改任何HTML元素的CSS属性,包括颜色。它内置检查器能够防止用户通过多次或疯狂点击来破坏效果。moo.fx整体采用模块化设计,所以可以在它的基础上开发你需要的任何特效。
优点:小块头有大能耐
缺点:这么小了,已经不错了
javascript什么意思
JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。
除了HTML和CSS,JavaScript是万维网的核心技术之一。JavaScript支持交互式web页面,是web应用程序的重要组成部分。绝大多数网站都使用它,主要的网络浏览器都有专门的JavaScript引擎来执行它。
javascript的特点
1、脚本语言。 JavaScript是一种解释型脚本语言。首先编译和执行C,C++和其他语言,同时在程序运行期间逐行解释JavaScript。
2、基于对象。 JavaScript是一种基于对象的脚本语言,不仅可以创建对象,还可以使用现有对象。
3、简单。 JavaScript语言使用弱类型的变量类型。它对使用的数据类型没有严格要求。它是一种基于Java基本语句和控件的脚本语言。它的设计既简单又紧凑。
4、动态。 JavaScript是一种事件驱动的脚本语言,无需通过Web服务器即可响应用户输入。访问网页时,鼠标可以在网页上单击鼠标,或上下移动并移动窗口。 JavaScript可以直接响应这些事件。
文章到此结束,如果本次分享的javascript控件是什么和javascript框架有哪些的问题解决了您的问题,那么我们由衷的感到高兴!