码迷,mamicode.com
首页 > 其他好文 > 详细

练习题

时间:2016-05-11 11:02:15      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:

$("id1")就相当于document.getElementById("id1"),只在jquery中使用。

1、如下效果,要求点击检查按钮,弹出对话框判断正确错误。

 技术分享

<input type="button" value="检查" id="jc" onclick="Pd()" />
<script>
function Pd()
{   var a=document.getElementById("a");
    if(a.value==1949)
    {alert("你真棒!");
        }
    else if(a.value=="")
    {alert("请重新输入")
        }
    else
    {
        alert("真笨")}
    }
</script>

2、单击变色、再单击返回---外加一个bool型。

技术分享

<p style="background-color:#0F0; color:#F00; cursor:pointer;" onclick="Change()" id="pp">点击我会变色哦</p>
<script>
var b=true;//不能放于function里.
function Change()
{   if(b)
    {
    var a=document.getElementById("pp");
    a.style.backgroundColor="#000000";
    a.style.color="red";
    b=false;
    }
    else
    {var a=document.getElementById("pp");
     a.style.backgroundColor="#00FF00";
     a.style.color="red";
     b=true;
     }
    }
</script>

3、单击变色、双击返回.

技术分享

<p class="b" onclick="this.className=‘bb‘" ondblclick="this.className=‘b‘">单击变颜色,双击返回原来</p>

 4、小知识点:

<a href="http://www.baidu.com" onclick ="return false">转向百度</a> ;加了return flase则不会跳转,默认是return true会跳转。按钮也一样,如果按钮中设置return flase 则不会进行提交,利用这个可以对提交跳转进行控制。

练习题

标签:

原文地址:http://www.cnblogs.com/jinshui/p/5474679.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!