码迷,mamicode.com
首页 > 编程语言 > 详细

javascript基础代码

时间:2017-04-18 18:46:15      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:nbsp   log   script   div   use   dem   点击   style   har   

1.点击改变HTML内容

<html>
<head>
    <meta charset="UTF-8">
    <script>
        function showMsg() {
            document.getElementById("demo").innerHTML="点击后的文本";
        }
    </script>
</head>

<body>
   <h1 id="demo" onclick="showMsg()">请点击该文本</h1>
</body>
</html>

2.鼠标移动或离开事件

<html>
<head>
   <script>
        function over(obj) {
           obj.innerHTML="鼠标移至文本";
        }
        function out(obj){
            obj.innerHTML="鼠标离开文本";      
        }
   </script>
</head>

<body>
   <p id="demo" onmouseover="over(this)" onmouseout="out(this)">
     测试鼠标事件
   </p>
</body>
</html>

 

javascript基础代码

标签:nbsp   log   script   div   use   dem   点击   style   har   

原文地址:http://www.cnblogs.com/expiator/p/6728861.html

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