练习题

$("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 则不会进行提交，利用这个可以对提交跳转进行控制。