实训笔记第十四天

来源：互联网发布：淘宝买快排警察找我编辑：程序博客网时间：2024/06/01 09:57

JS

javascript的引用方式：
- 外部引用
  - <script type="text/javascript"src="plugin/jQuery/jquery-1.7.1.min.js"></li> <li></script>
- 内部标签
  - <script type="text/javascript" rel="stylesheet/> /*这里是JavaScript的内容*/ </script>
函数
- eval()函数（eval()将里面的参数转换成js代码）
- escape()函数（将参字符转码）
- unescape()函数（将参字符解码）

<script type="text/javascript">        /*eval()将里面的参数转换成js代码 */        function testEval(){            var test="var testEval ='我是Eval'";            eval(test);            document.getElementById("EVAL").innerHTML="testEval";        }        /*escape()将里面的参数转码 */        function testEscape(){            var test="我要转码 ";            document.getElementById("ESCAPE").innerHTML=escape(test);        }        /*unescape()将里面的参数解码 */        function testUnEscape(){            var test="%u6211%u8981%u8F6C%u7801%20 ";            document.getElementById("UNESCAPE").innerHTML=unescape(test);        }</script><body>    <p>this is Tursday</p>    <hr/>    <div id ="EVAL"></div>    <button onclick="testEval()">testEval(eval()将里面的参数转换成js代码 )</button>    <hr/>    <div id ="ESCAPE"></div>    <button onclick="testEscape()">testEscape(将参字符转码)</button>     <hr/>    <div id ="UNESCAPE"></div>    <button onclick="testUnEscape()">testEscape(将参字符解码)</button>    <hr/></body>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

效果图：

这里写图片描述

A标签的死链接

<a href ="javascript:void(0)" >我是死链接（可以当button用）</a>个了<!--如果在里面触发onclick时间就可以和button功能一样了-->1
2
1
2

form-submit(提交)

<script>    function testSubmit(){        var name =  $("#name").val();        var password = $("#password").val();        if(name==""||password==""){            return false;        }            return true;    }</script><body><!--onsubmit="return testSubmit()"提交后会判断如果返回值为false的话就不会提交给action的url-->     <form action="" method="get" name="login" onsubmit="return testSubmit()">        <input typ="text" name="inputname" id= "name"/>        <input typ="password" name="inputpwd" id="password"/>        <input type="submit" value="submit"/>    </form></body>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

效果图：

提交失败：
这里写图片描述

这里写图片描述
提交成功：

这里写图片描述

注意：onsubmit在提交前会检查返回值，如果是false就不会提交给action的url

<script>    function testYanZheng(){        var flag =true;        var formm =$("#formm");        var name =  $("#name").val();        var password = $("#password").val();    if(name==""){        flag=false;    }    if(password==""){        flag=false;    }    if(flag==true){        formm.submit();    }    }</script><body> <form action="http://www.baidu.com" method="get" name="login"  id="formm">        <input typ="text" name="inputname" id= "name"/>        <input typ="password" name="inputpwd" id="password"/>        <input type="button" value="submit" onclick="testYanZheng()"/>        <select>            <option>请选择</option>            <option>成都</option>            <option>绵阳</option>        </select>        <input type="checkbox" checked="checked"/>        <input type="checkbox" />        <input type="checkbox" />        <input type="radio" value="nan" checked="checked" name="sex"/>        <input type="radio" value="nv"  name="sex"/>        <input type="reset" value="重置"/><!--会清除填写的但还没提交的-->    </form></body>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

这个写法和上面结果是一样的

阅读全文

0 0