js.dom2
-
复选框:input.checked = false ;
-
onload 事件会在页面或图像加载完成后立即发生。
-
<body onload="init()">
-
function init(){
setTimeout("showAD()",2000) ;
}
function init(){
setInterval("changImg()",1) ;
}
-
-
正则表达式 : 用字符串来规定字符串的格式
-
reg = /^([a-z0-9A-Z]+[-|.]?)+[a-z0-9A-Z]@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?.)+[a-zA-Z]{2,}$/ ;
-
reg.test(qq);
-
-
页面上显示信息
-
function showTips(spanID,msg){
//首先要获得要操作元素 span
var span = document.getElementById(spanID);
span.innerHTML = msg;
}
-
-
校验用户名
-
function checkUsername(){
//获取用户输入的内容
var uValue = document.getElementById("username").value;
//对输入的内容进行校验
//获得要显示结果的span
var span = document.getElementById("span_username");
if(uValue.length < 6){
//显示校验结果
span.innerHTML = "<font color='red' size='2'>对不起,太短</font>";
return false;
}else{
span.innerHTML = "<font color='red' size='2'>恭喜您,可用</font>";
return true;
}}
<input type="text" id="username" onfocus="showTips(用户名长度不能小于6')" onblur="checkUsername()" onkeyup="checkUsername()" />
<span id="span_username"></span><br />
-
-
引入js文件：<script src="js/regutils.js" type="text/javascript" charset="utf-8"></script>
-
设置获取option的值
-
<select id="mySelect" name="">
<option value="1">苹果</option>
<option value="2">桃子</option>
<option value="3">香蕉</option>
<option value="4">桔子</option>
</select>
var select = document.getElementById("mySelect");
console.log(select[i].text) ;// text 是展示给用户看的
console.log(select[i].value) ;// value 是和name组成键值对 , 提交给服务器
select[i].text = i + 10 ;
-
-
动态创建option对象：selectObject.add(option,before)：
-
option 必需。要添加选项元素。必需是 option 或 optgroup 元素。
-
before 必需。在选项数组的该元素之前增加新的元素。如果该参数是null，元素添加到选项数组的末尾。
-
var option = document.createElement("option");
//设置option对象的内容
option.text = arr2[i];
//将option对象添加到select
select.add(option, null);
-
-
动态创建option对象：new Option(text,value,defaultSelected,selected)
-
text:字符串，指定option对象的text属性(即<option></option>之间的文字)
-
-
defaultSelected:布尔值，指定option对象的defaultSelected属性
-
selected:布尔值，指定option对象的selected属性
-
select.add(new Option(arr2[i], j), null);
-
-
JS中的数组的索引值可以是任意类型的值,包括文字在内
-
浙公网安备 33010602011771号