html_js之demo

98 阅读 0 评论 65 点赞

我是靠谱客的博主寂寞唇彩，最近开发中收集的这篇文章主要介绍html_js之demo，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

a.js

 var errorString = "Please input a positive integer.";
 var arr = ["A", "B", "C", "D"];

 function count() {
     max = arr.length; //max， 全局变量
     document.getElementById("num").innerHTML = arr[parseInt(max * Math.random())];
 }

 function message(info) {
     alert(info);
 }

 function start() {
     timeId = setInterval("count();", 100);
 }

 function stop() {
     clearInterval(timeId);
 }

 function hiddenP () {
     //$("p").hide();
     var p = $("p");
     var h1 = $("h1");
     var p0 = p[0];
     if (p0.hidden == true)
         p0.hidden = false;
     else
         p0.hidden = true;
 }

testJs.html

<html>

<head>
    <title>random number</title>
    <script type="text/javascript" src="a.js"></script>
    <script type="text/javascript" src="D:/html/jquery/jquery-3.2.1.min.js"></script>
</head>

<body>
    <form>
        <input type="button" style='font-size:40px' value="Start" οnclick="start()">
        <input type="button" style='font-size:40px' value="Stop" οnclick="stop();">
    </form>
    <br>    
    <font color="blue" style='font-size:150px' id="num"></font>
    <br>
    <script>
        //message("html js分离");

    </script>
    <script type="text/javascript">
        $(document).ready(function() {
            /*$("button").click(
                function () {
                    //$("p").hide();
                    var p = $("p");
                    var h1 = $("h1");
                    var p0 = p[0];
                    if (p0.hidden == true)
                        p0.hidden = false;
                    else
                        p0.hidden = true;
                }
            );*/

            $("button").click(
                function aa() {
                   //hideP();//OK
                    hiddenP();//也OK,看来$这种在Js中的确也OK
                }
            );

            function hideP() {
                //$("p").hide();
                var p = $("p");
                var h1 = $("h1");
                var p0 = p[0];
                if (p0.hidden == true)
                    p0.hidden = false;
                else
                    p0.hidden = true;
            }   

        });

    </script>

    <div>
        <h2>This is a heading</h2>
        <p>This is a paragraph.</p>
        <p>This is another paragraph.</p>
        <h1>我是h1标签</h1>
        <button id="button1" type="button">Click me</button>
        <button id="button2" type="button">Click me</button>
    </div>

</body>

</html>