html_js之demo

最新推荐文章于 2023-03-14 17:26:31 发布

dreamxiaowei

最新推荐文章于 2023-03-14 17:26:31 发布

阅读量612

点赞数

分类专栏： BasicKnowledge 文章标签： html js

本文链接：https://blog.csdn.net/dreamxiaowei/article/details/77923899

版权

BasicKnowledge 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

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>

dreamxiaowei

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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 = ar
复制链接

扫一扫

专栏目录