js基础

来源：互联网发布：授权回调页面域名编辑：程序博客网时间：2024/06/07 04:53
<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <link rel="stylesheet" type="text/css" href="style.css"></head><body onload="mgs()"><p id="pid">当你点击的时候这里会发生变化</p>    <script>        function myFunction()        {            x = document.getElementById("pid");            x.innerHTML="说了你不信";        }    </script>    <button type="button" onclick="myFunction()">点击这里</button>    <script>     function changeImage()     {         element=document.getElementById('myimage');         if(element.src.match("bulbon")){             element.src="2.gif";         }         else{             element.src="1.gif";         }     }    </script><img id="myimage" onclick="changeImage()" src="2.gif"><p> i =10 , j = 20 </p><p>i + j =</p><p id="sumid"></p><button onclick="mysum()">结果</button><script>    function mysum(){        var i = 10;        var j = 20;        var m = i * j;        document.getElementById("sumid").innerHTML=m;    }</script><script>    function demo(a,b){        var sum = a + b ;        return sum ;    }    var v1 = demo(10,30);    var v2 = demo(20,50);    alert(v1);    alert(v2);</script><br/><script>    function fun(name,age){        alert("hello:"+name+",我的年龄是"+age);    }</script><button onclick="fun('tom',20)">按钮1</button><button onclick="fun('jJerry',30)">按钮2</button><br/><p id="phid"></p><script>    function demo1(a,b){        if(a>b){            return "a大一些";        }        else{            return "b大一些";        }    }    document.getElementById("phid").innerHTML=demo1(30,10);</script>    <form>        <input id="txt" type="text">        <input id="btn" type="button" onclick="demo2()" value="按钮">    </form><script>    function demo2(){        try{            var e = document.getElementById("txt").value;            if(e==""){                throw "第一个用户输入异常";            }        }catch (err){            alert(err);        }    }</script><div class="div" onmouseout="onOut(this)" onmouseover="onOver(this)"></div><script>    function onOver(ooj){        ooj.innerHTML="hello";    }    function onOut(ooj){        ooj.innerHTML="HTML";    }</script><form>    <input type="text" onchange="alert('hello html')">    <input type="text" onselect="changeDem(this)" onfocus="changeDem1(this)"></form><script>    function changeDem(bg){        bg.style.background="red";    }    function changeDem1(bg){        bg.style.background="blue";    }    function mgs(){        alert("网页加载完毕");    }</script></body></html>
阅读全文
0 0