一些易混淆且不常用的属性,希望有用_基础知识

1. readonly [text password textarea]
將元素設置為只讀方式,也就是不能編輯的狀態,與disabled不同的是,readonly不會將字符變為暗灰色

<input type=text readonly value=READONLY>
<input type=text disabled value=DISABLED>

2. defaultValue [所有FORM元素]
他的作用是返回元素的最初設置時的 VALUE 屬性的內容,也就是 <input type=text value=defaultValue ... 紅色部分的值,他不會像 VALUE 屬性一樣隨著文本內容的改變一起發生變化

<input id=test type=text value=DEFAULTVALUE>
<input type=button  value=value>
<input type=button  value=defaultValue>

3. defaultChecked [checkbox radio]
與 defaultValue 一樣,他的作用是返回初始化時 checkbox 或是 radio 是否被選擇

4. indeterminate [checkbox]
將 checkbox 設置為半選擇的狀態
p.s. 這個屬性一定要通過 JS 設置

<input id=test type=checkbox value=CHECKBOX>
<input type=button  value=indeterminate>

5. hideFocus [所有表單元素] IE5.5+
隱藏元素 focus 時的虛線,與 onfocus=this.blur 不同,使用 hideFocus 元素仍保持著 focus的狀態

<input type=button hideFocus value=hideFocus >
<input type=button value="onfocus Event"  >

6. UNSELECTABLE [所有元素] IE5.5+
他是使得元素不會被選擇,也就是保持前一個元素的活動狀態,這個屬性特殊的地方是用 ON|OFF 作為屬性的值,而不是 true|false

<input type=text value="先點這裡,再點擊旁邊的BUTTON" size=30>
<input type=button unselectable=on value=ON>
<input type=button value=OFF>

时间: 2024-10-06 05:58:45

一些易混淆且不常用的属性,希望有用_基础知识的相关文章

js常用数组操作方法简明总结_基础知识

//javascript 中的数组分割 var colors = ["red","green","blue"]; //alert(colors.toString()); alert(colors.join("|")); //返回结果是red|green|blue var colors = ["red","green","blue",null]; alert(color

javascript数组操作方法小结和3个属性详细介绍_基础知识

最近一直在用js,好好研究了下js数组的操作,在这里总结一下. 1.数组的创建 复制代码 代码如下: var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值 要说明的是,虽然第二种方法创建数组指定了长度

readonly和disabled属性的区别_基础知识

标签的readonly和disabled属性的区别: 在表单元素中,readonly和disable有类似之处,因为它们都可以将一些表单元素设置为"不可用"状态,当然它们之间的区别是巨大的,下面就介绍一下这个两个属性有哪些区别,希望能够给需要的朋友带来一定的帮助. 两个属性不同点列举: 1.readonly属性只对表单元素的文本框.密码框和多行文本框有效,而disabled属性对所有的表单元素都会有效. 2.设置两个属性的外观不一样,这个自己可以观察一下. 3.设置readonly的表

JavaScript正则表达式之multiline属性的应用_基础知识

 多行正则表达式是对象的只读布尔属性.它指定是否一个特定的正则表达式进行多行匹配,即,不管是否使用"m"属性创建.语法 RegExpObject.multiline 下面是参数的详细信息:     NA 返回值: 如果"m"修改被设置返回"TRUE",否则返回"FALSE". 例子: <html> <head> <title>JavaScript RegExp multiline Prope

Javascript中Event属性搜集整理_基础知识

altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y 1.altKey 描述: 检查alt键的状态. 语法: event.altKey 可能的值: 当alt键按

详解JavaScript正则表达式中的global属性的使用_基础知识

 global是正则表达式对象的只读布尔属性.它指定是否一个特定的正则表达式进行全局匹配.否则它使用"g"属性创建.语法 RegExpObject.global 下面是参数的详细信息:     NA 返回值: 如果"g"修改被设置返回"TRUE",否则返回"FALSE". 例子: <html> <head> <title>JavaScript RegExp global Property&l

JavaScript对象的property属性详解_基础知识

JavaScript中对象的property有三个属性:1.writable.该property是否可写.2.enumerable.当使用for/in语句时,该property是否会被枚举.3.configurable.该property的属性是否可以修改,property是否可以删除. 在ECMAScript 3标准中,上面三个属性的值均为true且不可改:新建对象的property是可写的.可被枚举的.可删除的:而在ECMAScript 5标准中,可通过property的描述对象(prope

对xmlHttp对象方法和属性的理解_基础知识

1  客户端可以通过xmlHttp对象(MSXML2.XMLHTTP.3.0)向http服务器发送请求并使用文档对象模型(DOM)处理回应. 1.1 我的理解: 用户的每次操作,都会有数据产生. 通过DOM或者JS编写对数据进行封装,或者浏览器自身对http协议的一些数据进行封装. 通过xmlHttp对象的一些方法,传入数据参数,向http服务器发送请求. 返回结果通过DOM进行处理. 2  xmlHttp对象的成员. 2.1 属性 onreadystatechange:当readyState属

各种常用的JS函数整理_基础知识

Js获取页面地址参数 复制代码 代码如下: function getUrlPara(paraName) { var sUrl = location.href; var sReg = "(?://?|&){1}" + paraName + "=([^&]*)" var re = new RegExp(sReg, "gi"); re.exec(sUrl); return RegExp.$1; } 地址跳转 复制代码 代码如下: var