纸绘武身(HCJ)

纸绘武身(HCJ)regExp(),global(),bom(),bom1(),bom2(),dom(),dom1(),HTMLdom(),things()

<!DOCTYPE html>

<html>

<head>

    <meta charset=”utf-8″ />

    <title>js</title>

    <!– 外部JS –>

    <!– <script src=”js/new_file.js”></script> –>

    <!– 内部JS –>

    <style>

        p {

            text-align: center;

        }

        span {

            color: rgb(22, 241, 121);

        }

        div{

            border: 1px solid red;

        }

        #div0{

            width: 200px;

            height: 200px;

        }

        #div2{

            width: 100px;

            height: 100px;

        }

        #div3{

            width: 100px;

            height: 100px;

        }

        .divh2{

            color: #962cec;

        }

    </style>

    

</head>

<body>

    <!– <img id=”star” src=”img/1.jpg” width=”100%”> –>

    <!– <p>

        <span id=”time”>2</span>秒之后自动跳转到首页…

    </p>

    <input id=”openBtn” type=”button” value=”打开窗口”>;

    <input type=”button” id=”btn” value=”获取历史记录个数”>

    <div id=”div1″>div1</div>

    <div class=”cls1″>div5</div>

    <input type=”text” name=”username”>

    <a >点我</a>

    <input type=”button” id=”btn_set” value=”设置属性”>

    <input type=”button” id=”btn_remove” value=”删除属性”>

    <div id=”div0″>

        <div id=”div2″>div2</div>

        div\</div>

        <a href=”javascript:void(0);” id=”del”>删除子节点</a>

        <a href=”javascript:void(0);” id=”add”>添加子节点</a>

    <div id=”divh”>divh</div>

    <div id=”divh2″>divh2</div> –>

    <input type=”text” id=”blur”>

    <select id=”change”>

        <option>选择</option>

        <option>石家庄</option>

    </select>

    <script type=”text/javascript”>

        // regExp();

        // global();

        // bom();

        // bom1();

        // bom2();

        // dom();

        // dom1();

        // HTMLdom();

        things();

//正则表达式对象  

        function regExp() {

            var reg = /^\w{6,9}$/;

            var userName = “robin”;

            var flag = reg.test(userName);

            alert(flag);

        }

        function global() {

//编码

            var str = “罗宾”;

            var E = encodeURIComponent(str);

            var D = decodeURIComponent(E);

            document.write(E + “<br />”);

            document.write(D);

//转数字

            var str = “12sdc”;

            var num = parseInt(str);

            document.write(num);

//判断NaN

            var num1 = NaN;

            document.write(isNaN(num1));

//解析

            var str1 = document.write(“robin”);

            eval(str1);

        }

        function bom(){

// history对象            

            var btn=document.getElementById(“btn”);

            btn.οnclick=function(){

                var length=history.length;

                alert(length);

            }

        }

//轮播图

        function bom1() {

            var num1 = 1;

            function fun() {

                num1++;

                if (num1 > 3) {

                    num1 = 1;

                }

                var getElementById = document.getElementById(“star”);

                getElementById.src = “img/” + num1 + “.jpg”;

            }

            setInterval(fun, 3000);

            // confirm(“确定返回true,反则”);

            // prompt(“输入框”);

            // setTimeout(fun,2000);单次定时

            // reload();刷新

            // history.back();forword();length();

            // go();加载具体页面 +-传参 

            function open() {

                document.getElementById(“openBtn”);

            }

        }

//自动跳转首页

        function bom2() {

            var num = 2;

            function show() {

                num–;

                if (num <= 0) {

                    location.href = “https://i.qq.com”;

                }

                // var time=document.getElementById(“time”);

                document.getElementById(“time”).innerHTML = num + “”;//导入到body

            }

            setInterval(show, 1000);

        }

        function dom() {

// 获取element对象,返回数组

            var divs = document.getElementsByTagName(“div”);

            var div_cls = document.getElementsByClassName(“cls1”);

            var ele_username = document.getElementsByName(“username”);

            console.log(divs);

            console.log(div_cls);

            console.log(ele_username);

// 创建dom对象

            // 设置属性

            var table = document.createElement(“table”);

            console.log(table);

// Element对象

            var btn_set = document.getElementById(“btn_set”);

            btn_set.onclick = function () {

                var element_a = document.getElementsByTagName(“a”)[0];

                element_a.setAttribute(“href”, “form.html”)

                // 删除属性

                var btn_remove = document.getElementById(“btn_remove”);

                btn_remove.onclick = function () {

                    var element_a = document.getElementsByTagName(“a”)[0];

                    element_a.removeAttribute(“href”)

                }

            }

// Node对象                   

            var del=document.getElementById(“del”);

            del.οnclick=function(){

                var div0=document.getElementById(“div0”);

                var div2=document.getElementById(“div2”);

                div0.removeChild(div2);

            }

            var add=document.getElementById(“add”);

            add.οnclick=function(){

                var div0=document.getElementById(“div0”);

                var div2=document.createElement(“div”);

                div2.setAttribute(“id”,”div2″);

                div0.appendChild(div2);

            }

}

// 点切           

            function dom1() {

                var star = document.getElementById(“star”);

                var flag = false;

                star.onclick = function () {

                    if (flag) {

                        star.src = “img/1.jpg”;

                        flag = false;

                    } else {

                        star.src = “img/2.jpg”;

                        flag = true;

                    }

                }

            }

function HTMLdom(){

                var divh=document.getElementById(“divh”);

                divh.innerHTML +=”<input type=’text’>”;

// 样式

                divh.οnclick=function(){

                    divh.style.border=”5px solid red”;

                    divh.style.fontSize=”20px”;

                }               

                var divh2=document.getElementById(“divh2”);

                divh2.οnclick=function(){

                divh2.className=”divh2″;

            }

        }

        function things(){

            document.getElementById(“blur”).οnblur=function(){

                document.write(“lost”);

            }

            document.getElementById(“change”).οnchange=function(){

                alert(“change”);

            }

        }

        

        

    </script>

</body>

</html>

今天的文章纸绘武身(HCJ)分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/65073.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注