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>

posted @ 2017-07-11 07:59  狼牙者.net  阅读(233)  评论(0编辑  收藏  举报