js20130114
01.js(FirstJavaScrpty)第一个个javascript
1. Document.write("");//这个是在页面上输出一段信息 ; 例如:document.write("您好");
2. Document.getelementbyid("");//这个是根据html标题的id,到的这个html标签; 例如:<div id="tablD"></div> Document.getelementbyid("tablD");
3. parseInt:可以把数字字符串转换成number类型的数字
4.onDblClick:双击时, 双击后激活事件, 双击;例如:<div id="tablD"></div> var ondb= document.getelementByid("tablD"); ondb.onDblClick=function(){ alert("你双击我了");};
onclick:在元素被点击的时候触发 例如:<div id="tablD"></div> var ondb= document.getelementByid("tablD"); ondb.onclick=function(){ alert("你双击我了");};
onmouseover:当鼠标移入的时候触发
onblur:当元素失去焦点的时候触发
onfocus:在元素获得焦点的时候触发
Confirm (弹出一个带确定和取消的对话框,让用户自己选择,如果用户点击的是确定就返回一个true,如果点击了取消或关闭这个对话框就返回的是false,用户做确定删除)
5.onMouseOver:鼠标移到目标上;鼠标移进时
6.你点我就替换文本内容,javasCript文件使用。如下
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="Teat.js"></script>//调用Test.js文件 <script type="text/javascript"> window.onload = function () { wind(); onClick2(); }; function onClick2() { gel("divmain").onclick = function () { gel("divmain").innerText = "你好啊!"; }; }; </script> </head> <body> <div id="divmain">点我就换成:你好啊!</div> <a href="javascript:alert('你点我干吗?')">sss</a> <span>bbbb</span> </body> </html>
Test.js(javaScript文件)
function gel(id) { return document.getElementById(id) }; var wind = function () { test2(1, 2);//数字加数字,所以是3 test2(1, parseInt("2"));//parseInt:解析成整数。,所以是3. test2("1", 2);//“1”是字符串,所以是12 test2("1", "2");//字符串连接字符串,所以是12 } function test2(text1,text2) {//js方法参数不我指定什么类型,可以直接写 alert(text1 + text2); }
结果是按照顺序弹出:3,3,12,12,
【点我就换成:你好啊!】会换成:你好啊!
7.提示框: 单击dd,确定:点击了确定,取消 :点击了取消
例子: <style> #divmain{width:100px;height:20px; border:1px solid #4cff00;text-align:center;background-color:#ff0000;}</style>
<script>
window.onload = function () {
document.getElementById("divmain").onclick=function(){
if(confirm("你好!")){
divmain.innerHTML = "点击了确定";
}
else {
divmain.innerHTML = "点击了取消";
}
}
}
</script>
</head>
<body>
<div id="divmain">dd</div>
</body>