js控件类似excel(js控件属性)

Excel表格网 2022-11-23 06:14 编辑:admin 56阅读

1. js控件属性

1,ts是静态类语言,可以做到声明即文档,js是动态类语言相对更灵活。

2,如用ts写一个button组件可以清晰的知道,ButtonProps如是否必传,可选,style是什么类型,disabled是什么类型,较js,ts更易于维护和拓展,可以做到代码即注释,避免一个月不见3,代码自己都忘记自己写了什么的尴尬,

4,ts对比js基础类型上,增加了 void/never/any/元组/枚举/以及一些高级类型

5,js没有重载概念,ts有可以重载

6,vscode/ide对ts有很友好的提示

7,ts更利于重构

2. js中属性

if(/^\d+$/.test(str)) { 全为数字,执行... }当然你也可以用isNaN来判断if(isNaN(str)){ str是个数字,执行...}

3. js 控件

该类是除顶层容器外所有 Swing 组件的基类。要使用继承自 JComponent 的组件,必须将该组件置于一个根为顶层 Swing 容器的包含层次结构(containment hierarchy)中。顶层 Swing 容器(如 JFrame、JDialog 和 JApplet)是专门为其他 Swing 组件提供绘制自身场所的组件。

组件从功能上分可分为:

 1) 顶层容器:JFrame,JApplet,JDialog,JWindow共4个

 2) 中间容器:JPanel,JScrollPane,JSplitPane,JToolBar 

 3) 特殊容器:在GUI上起特殊作用的中间层,如JInternalFrame,JLayeredPane,JRootPane.

 4) 基本控件:实现人际交互的组件,如Jbutton, JComboBox, JList, JMenu, JSlider, JtextField。

 5) 不可编辑信息的显示:向用户显示不可编辑信息的组件,例如JLabel, JProgressBar, ToolTip。

 6) 可编辑信息的显示:向用户显示能被编辑的格式化信息的组件,如JColorChooser, JFileChoose, JFileChooser, Jtable, JtextArea

  JComponent类的特殊功能又分为: 

    1) 边框设置:使用setBorder()方法可以设置组件外围的边框,使用一个EmptyBorder对象能在组件周围留出空白。 

    2) 双缓冲区:使用双缓冲技术能改进频繁变化的组件的显示效果。与AWT组件不同,JComponent组件默认双缓冲区,不必自己重写代码。如果想关闭双缓冲区,可以在组件上施加setDoubleBuffered(false)方法。 

    3) 提示信息:使用setTooltipText()方法,为组件设置对用户有帮助的提示信息。

    4) 键盘导航:使用registerKeyboardAction( ) 方法,能使用户用键盘代替鼠标来驱动组件。JComponent类的子类AbstractButton还提供了便利的方法--用setMnemonic( )方法指明一个字符,通过这个字符和一个当前L&F的特殊修饰共同激活按钮动作。 

    5) 可插入L&F:每个Jcomponent对象有一个相应的ComponentUI对象,为它完成所有的绘画、事件处理、决定尺寸大小等工作。 ComponentUI对象依赖当前使用的L&F,用UIManager.setLookAndFeel( )方法可以设置需要的 

    6) 支持布局:通过设置组件最大、最小、推荐尺寸的方法和设置X、Y对齐参数值的方法能指定布局管理器的约束条件,为布局提供支持。

4. 控件属性有哪些

复选框(CheckBox)属性: Accelerator属性:设置或检索控件的加速键。object必需。一个有效对象。String可选。用作加速键的字符。AutoSize:有两个值,True表示根据字的多少调整复选框的大小,False表示复选框为固定大小;BackColor:设置复选框的背景颜色,单击该属性框出现下拉按钮,选择“调色板”选项卡后选择颜色;BackStyle属性:返回或设置对象的背景方式。返回或设置对象的背景方式。fmBackStyleTransparent0背景为透明。fmBackStyleOpaque1背景为不透明(默认值)。

5. js操作属性

<input type="text" id="name" value=“点击” onclick="checkNull()"/><script>    function checkNull(){        var name = document.getElementById("name").value.replace(/[]/g,"");//把所有空格去掉            if(name.length==0||name=="点击"){                    alert("请输入数据!");            }   }</script>

6. js操作属性的方法

  用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup。

  在这3种事件类型中,keydown和keyup比较底层,而keypress比较高级。这里所谓的高级是指,当用户按下shift + 1时,keypress是对这个按键事件进行解析后返回一个可打印的“!”字符,而keydown和keyup只是记录了shift + 1这个事件。

  但是keypress只能针对一些可以打印出来的字符有效,而对于功能按键,如F1-F12、Backspace、Enter、Escape、 PageUP、PageDown和箭头方向等,就不会产生keypress事件,但是可以产生keydown和keyup事件。然而在FireFox中,功能按键是可以产生keypress事件的。

  传递给keydown、keypress和keyup事件句柄的事件对象有一些通用的属性。如果Alt、Ctrl或Shift和一个按键一起按下,这通过事件的altKey、ctrlKey和shiftKey属性表示,这些属性在FireFox和IE中是通用的。

7. js修改控件属性

用JS动态设置select的方法如下:手动通过原生JS来实现:

/** * 设置select控件选中 * @param selectId select的id值 * @param checkValue 选中option的值 */ function set_select_checked(selectId, checkValue)

{ var select = document.getElementById(selectId); for (var i = 0; i

8. js 属性选择器

js 操作属性,操作内容,

disable=“disable” 让按钮变得不可选

先建一个按钮,让class = ’btn‘

然后,

添加,修改属性

document.getElementsByClassName('btn')[0].onclick = function(){

this.setAttribute('disabled'='disabled'); 第一个空填要修改的属性,第二个填要属性的值

}

如果属性里没有要添加的属性,就会把填写的属性添加进去,如果有就会覆盖。

9. js函数属性

如果JS函数的返回值一个对象,你在使用该返回值时,应该是使用对象的属性和方法进行数据处理!不能直接拿对象来处理数据!

10. js设置控件属性

JavaScript缩写是js,

js组件在技术上被实现为Angular指令,并且在应用程序中用作HTML元素。 它们提供了更丰富的功能。 这通常包括用户与它或应用程序交互以其他方式管理组件的能力。 例如,选项卡允许根据用户选择的选项卡显示或隐藏内容。

11. js属性的特性

在jQuery输入元素表达式属性名即可得到。如:

1.$("#textId").attr("width")是获取Id为textId的控件的width属性。

2.$(".className").attr("width")是获取包含class名为className的控件的width属性。

3.$("[name=textName]").attr("width")是获取name为textName的控件的width属性。

但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值。如:$("#textId")[0].width是取第一个控件的width属性。但也有写属性用attr取不到,也需要用角标的方式取得控件后再取属性。

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

顶一下
(0)
0%
踩一下
(0)
0%
相关评论
我要评论
点击我更换图片