js20130114-CSDN博客

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>