js使用中的一些自己的积累
2007-03-06 09:33
381 查看
1. select 和options
<html>
<select name="first" size="1" id="first" style="width:100px">
<option value=""></option>
<option value="1">电源</option>
<option value="2">主网(电网基建)</option>
<option value="3">城网</option>
<option value="4">农网</option>
<option value="5">小型基建</option>
<option value="6">电网技改</option>
<option value="7">其他资本性支出</option>
</select>
</html>
<script>...
function initFirst() ...{
var first = document.getElementById('first');
for (var i = 0; i < first.options.length; i++) ...{
if (first.options[i].value == <%=type%>) ...{
first.options[i].selected = true;
}
}
}
initFirst();
</script>
2.js验证输入是否为数字
var str = "ds";
var num = "123";
isNaN(str)返回true
isNaN(num)返回false
3.截获窗口关闭事件
onunload,不一定只有关闭时响应,只要离开页面(比如刷新之前、url改变)就会响应。另外,在关闭之前还会响应一个onbeforeunload事件。
<HTML>
<BODY onunload="alert('close!');" onbeforeunload="alert('onbeforeunload')">
</BODY>
</HTML>
4.(转自:http://topic.csdn.net/t/20010529/08/138407.html)
event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象。比如你设定document.onclick = myfunc;这时所有页面点击的事件都交给myfunc处理,在myfunc函数里可以写vSrc = window.event.srcElement,知道用户是点击了什么地方,做相应处理。
<script languange = "javascript">
document.onclick = myfunc;
function myfunc()
...{
alert(window.event.srcElement.nodeName);
}
</script>
5.with
function createTable() ...{
var doc = document;
var oTable = doc.createElement("table");
with(oTable) ...{
border = "1";
width = "100%";
var oTbody = doc.createElement("tbody");
with(oTbody) ...{
var oTr1 = doc.createElement("tr");
with(oTr1) ...{
var oTd1 = doc.createElement("td");
var oText1 = doc.createTextNode("cell 1,1");
oTd1.appendChild(oText1);
var oTd2 = doc.createElement("td");
var oText2 = doc.createTextNode("cell 1,2");
oTd2.appendChild(oText2);
appendChild(oTd1);
appendChild(oTd2);
}
appendChild(oTr1);
}
appendChild(oTbody);
}
doc.body.appendChild(oTable);
}
6. 获得html对象
根据id获得标签的对象可以不使用
var someId = "textbox1";
var o = document.getElementById(someId);
alert(o.value);
可以直接使用
alert(textbox1.value);
7.数组
var aCity=...{"a":...{"flag":"aa", "value":"bb"},11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外 "};
for (var i in aCity) ...{
alert(i + ": " + aCity[i]);
}
alert(aCity["a"]["flag"]); // 等价于 alert(aCity.a.flag); 但如果要访问数组中北京这个元素的话则不能使用aCity.11
// 下面是个Array
var arr = ["a", "b", "c"]; // 等价于 var arr = new Array("a", "b", "c");
alert(arr[1]);
我经常犯一个错误,就是访问数组或者是访问Array对象时会用aCity(11),这是我对js的理解有问题,小括号"()"是用来访问方法的
<html>
<select name="first" size="1" id="first" style="width:100px">
<option value=""></option>
<option value="1">电源</option>
<option value="2">主网(电网基建)</option>
<option value="3">城网</option>
<option value="4">农网</option>
<option value="5">小型基建</option>
<option value="6">电网技改</option>
<option value="7">其他资本性支出</option>
</select>
</html>
<script>...
function initFirst() ...{
var first = document.getElementById('first');
for (var i = 0; i < first.options.length; i++) ...{
if (first.options[i].value == <%=type%>) ...{
first.options[i].selected = true;
}
}
}
initFirst();
</script>
2.js验证输入是否为数字
var str = "ds";
var num = "123";
isNaN(str)返回true
isNaN(num)返回false
3.截获窗口关闭事件
onunload,不一定只有关闭时响应,只要离开页面(比如刷新之前、url改变)就会响应。另外,在关闭之前还会响应一个onbeforeunload事件。
<HTML>
<BODY onunload="alert('close!');" onbeforeunload="alert('onbeforeunload')">
</BODY>
</HTML>
4.(转自:http://topic.csdn.net/t/20010529/08/138407.html)
event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象。比如你设定document.onclick = myfunc;这时所有页面点击的事件都交给myfunc处理,在myfunc函数里可以写vSrc = window.event.srcElement,知道用户是点击了什么地方,做相应处理。
<script languange = "javascript">
document.onclick = myfunc;
function myfunc()
...{
alert(window.event.srcElement.nodeName);
}
</script>
5.with
function createTable() ...{
var doc = document;
var oTable = doc.createElement("table");
with(oTable) ...{
border = "1";
width = "100%";
var oTbody = doc.createElement("tbody");
with(oTbody) ...{
var oTr1 = doc.createElement("tr");
with(oTr1) ...{
var oTd1 = doc.createElement("td");
var oText1 = doc.createTextNode("cell 1,1");
oTd1.appendChild(oText1);
var oTd2 = doc.createElement("td");
var oText2 = doc.createTextNode("cell 1,2");
oTd2.appendChild(oText2);
appendChild(oTd1);
appendChild(oTd2);
}
appendChild(oTr1);
}
appendChild(oTbody);
}
doc.body.appendChild(oTable);
}
6. 获得html对象
根据id获得标签的对象可以不使用
var someId = "textbox1";
var o = document.getElementById(someId);
alert(o.value);
可以直接使用
alert(textbox1.value);
7.数组
var aCity=...{"a":...{"flag":"aa", "value":"bb"},11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外 "};
for (var i in aCity) ...{
alert(i + ": " + aCity[i]);
}
alert(aCity["a"]["flag"]); // 等价于 alert(aCity.a.flag); 但如果要访问数组中北京这个元素的话则不能使用aCity.11
// 下面是个Array
var arr = ["a", "b", "c"]; // 等价于 var arr = new Array("a", "b", "c");
alert(arr[1]);
我经常犯一个错误,就是访问数组或者是访问Array对象时会用aCity(11),这是我对js的理解有问题,小括号"()"是用来访问方法的
相关文章推荐
- 在Drupal的form表单中使用js事件,比如onClick和onChange等,或者加载一些css样式等自己需要的杂七杂八的东西
- 在使用JS框架之前自己写的一些工具代码
- 在使用JS框架之前自己写的一些工具代码
- 在使用JS框架之前自己写的一些工具代码
- 在Drupal的form表单中使用js事件,比如onClick和onChange等,或者加载一些css样式等自己需要的杂七杂八的东西
- [置顶] 在使用JS框架之前自己写的一些工具代码
- [置顶] 整理一些代码__xu_init.js 作为自己项目开发时使用
- js的一些简单使用
- js小技巧(自己遇到的一些技巧)
- 使用前端框架后js动态改变样式的一些问题(select)
- 自己使用Clistctrl的一些总结
- Emacs 23.2 自带的Cedet的使用(如果自己下载cedet再安装可能会遇到一些麻烦)
- 关于使用hadoop出各种错的一些积累
- 新手(自己)使用Xcode上传到git@osc遇到的一些问题
- 关于PreferenceActivity的使用和一些问题的解决(自己定义Title和取值)
- C#使用中自己的一些问题
- js的一些使用笔记
- 自己积累的一些SQL语句
- js数组一些方法的使用
- 积累的一些自己记不住的问题解决方法