看看Jquery,再看看传统的JS,我们来效仿一$(function(){$(“#a”).click=function(){};});吧

看看Jquery,再看看传统的JS,我们来效仿一$(function(){$(“#a”).click=function(){};});吧,第1张

Jquery简化了传统JS实现功能的代码量,例如:

jquery的$(function(){});相当于传统JS的window.onload=function(){};

还是看一下我写的代码吧:

<script type="text/javascript">
        window.onload = function() {
            //定义一个类对象
            var Zhang = {
                Title: "",
                Width: "100",
                Height: "",
                Zhang: function(title, width, height) {
                    this.Title = title;
                    this.Width = width;
                    this.Height = height;
                },
                Zhang: function(title, height) {//方法的重载
                    this.Title = title;
                    this.Height = height;
                },
                init: { target: "_blank", src: "" },
                generate: function() {
                    var insertedNode = document.createElement('img'); //添加HTML標記
                    insertedNode.setAttribute('src', Zhang.init.src);
                    insertedNode.setAttribute("width", Zhang.Width);
                    insertedNode.setAttribute("height", Zhang.Height);

// var newTextNode = document.createTextNode("<img src='" + Zhang.init.src

// + "' width=" + Zhang.Width + " height=" + Zhang.Height + ">"); //添加文本

                    document.getElementsByTagName("body")[0].appendChild(insertedNode);
                }
            }
 
            var obj = document.getElementById("add");
            Zhang.Zhang("图像测试", "300", "600"); //覆盖原来的值100
            Zhang.init.src = "http://d4.sina.com.cn/201106/03/312669_78090-biaoxian.JPG";
            if (typeof (obj.addEventListener) != "undefined") { //判断浏览器
                obj.addEventListener("click", Zhang.generate, true); //触发单击事件
            } else {
                obj.attachEvent("onclick", Zhang.generate); //绑定方法
            }
 
        };
    </script>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/2082739.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-07-22
下一篇 2022-07-22

发表评论

登录后才能评论

评论列表(0条)

保存