javascript基础代码

Posted 乐之者

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript基础代码相关的知识,希望对你有一定的参考价值。

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基础代码的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

Javascript代码片段在drupal中不起作用

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段