JavaScript学习

来源：互联网发布：登录淘宝网网站编辑：程序博客网时间：2024/06/17 22:16

背景：公司项目中需要使用到html+webView+jQuery

基础：

html：用于网页显示内容。
css：用于设置网页内容的格式。
js：脚本语言/??用于网页交互。

javaScript基础

1 脚本位置（head，body，外部文件）

定义方法：

<head>    <script type="text/javascript">        function text(){            alert("hello ");        }    </script></head>

调用方法：

<body onload = "text()"></body>

<body >    <script type = "text/javascript">        document.write("hello");    </script></body>

<script  src="xx.js"></script>

2:定义变量

3:if .. else 根java一

4：警告框

5 确认框

6 提示框

7 带参数，带返回值的方法

8 遍历数组

9 异常处理

10 创建对象

11 计时器

<html>    <head>        <script type="text/javascript">            //定义一个方法，用于找到test_item,            //注意不能写成funtion var get_test(){}；            function get_test(id){                return document.getElementById(id);            }            //定义一个方法，用于给p设置内容            function set_data(p,data){                p.innerHTML=data;            }            //定义一个方法，用于弹出提示框            function show_prompt(){                var v= prompt("input name:");                var p=get_test("test_item");                p.innerHTML= v;            }            //定义一个方法，用于弹出确认框            function show_confirm(){                var v= confirm("content need confirm!");                var p= get_test("test_item");                if(v==true){                    set_data(p,"click confirm!!");                }else{                    set_data(p,"click cancel!!");                }            }            //定义一个方法，用于弹出警告框            function show_alert(){                alert("click show_alert!!");            }            //定义一个方法，用于遍历数组            function show_array(){                var arr= new Array();                arr[0]="item 1";                arr[1]="item 2";                arr[2]="item 3";                var temp="";//point 1                for(var v in arr){                    //point 2: v 是下标不是数组元素                    temp+=arr[v];                     temp+="<br/>";                }                set_data(get_test("test_item"),temp);            }            //定义一个方法，用于异常处理            function show_exception(){                try{                    xxx("x");                }catch(err){                    set_data(get_test("test_item"),err);                }            }            //定义一个对象            function show_object(){                var v= new Object();                v.name="wzq";                v.age= 1;                v.class= 2;                var temp= v.name+"<br/>"+v.age+"<br/>"+v.class;                set_data(get_test("test_item"),temp);               }            var c=0;            var t;            //定义一个方法，利用递归实现计时器            //setTimeout("xx",1000);  1s之后执行xx            function start(){                set_data(get_test("test_item"),c);                c=c+1;                t=setTimeout("start()",1000);            }            //定义一个方法，停止计时            function stop(){                c=0;                set_data(get_test("test_item"),c);                clearTimeout(t);            }        </script>    </head>    <body >        <input type = "button" value = "prompt"  onclick = "show_prompt()">        <input type = "button" value = "comfirm"  onclick = "show_confirm()">        <input type = "button" value = "alert"  onclick = "show_alert()">        <input type = "button" value = "array"  onclick = "show_array()">        <input type = "button" value = "exception"  onclick = "show_exception()">        <input type = "button" value = "object"  onclick = "show_object()">        <input type = "button" value = "start"  onclick = "start()">        <input type = "button" value = "stop"  onclick = "stop()">        <div>            <p id = "test_item">                test!!            </p>        </div>    </body></html>

jQuery基础

鉴于w3c上有完整的学习资料，就不重复造轮子了。。。

阅读全文

0 0