国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

javascript 兼容所有瀏覽器的DOM擴(kuò)展功能

2024-05-06 14:21:32
字體：大 中 小
供稿：網(wǎng)友
今天周五，很閑，坐在電腦前沒什么事可做，產(chǎn)品線的人也沒提什么新的需求，可能下周會有新的需求和工作安排，但那是下周的事了。今天就想寫點(diǎn)技術(shù)的東西，也就當(dāng)作是記記筆記，本人水平有限，希望大家多多指教，嘴下留情，哈哈。
　　有時(shí)候我們會想擴(kuò)展DOM元素的功能，可以添加一些自定義的方法，以讓它用起來更加靈活、方便；先來舉個(gè)例子：
代碼如下:
<!DOCTYPE html>
<html lang="zh">
 <head>
  <title>DOM功能擴(kuò)展</title>
 </head>
 <body>
    <a href="javascript:void(0)" id="tagA">你好</a>
    <script type="text/javascript">
    <!--
        var tagA=document.getElementById("tagA");
        tagA.onclick=function(){
            alert(this.innerHTML);
        }
    //-->
    </script>
 </body>
</html>

毫無疑問，從以上代碼可以看出，當(dāng)點(diǎn)擊A標(biāo)簽的時(shí)候會彈出“你好”，tagA是一個(gè)DOM元素，除了有onclick事件以外，還有onmouseover,onmouseout,onmousemove等等，而這些事件都是DOM元素本身就具有的；但現(xiàn)在我們希望對它進(jìn)行擴(kuò)展，例如可以讓它支持tagA.bind，我可以用tagA.bind("click",function(){}),來代替tagA.onclick=function(){}。OK，現(xiàn)在的目的很明確，先看下面的代碼：
代碼如下:
<!DOCTYPE html>
<html lang="zh">
 <head>
  <title>DOM功能擴(kuò)展</title>
 </head>
 <body>
    <a href="javascript:void(0)" id="tagA">你好</a>
    <script type="text/javascript">
    <!--
        var tagA=document.getElementById("tagA");
        tagA.bind("click",function(){
            alert(this.innerHTML);
        })
    //-->
    </script>
 </body>
</html>

以上這段代碼就是功能擴(kuò)展后的最終效果，它與上一段代碼實(shí)現(xiàn)的功能是一樣的，但現(xiàn)在它還不能執(zhí)行，要進(jìn)行擴(kuò)展后才可以，在此之前先來看一些基礎(chǔ)知識，這很重要，因?yàn)榈认聲玫剑?BR>　　1、HTMLElement，在DOM標(biāo)準(zhǔn)中，每個(gè)元素都繼承自HTMLElement，而HTMLElement又繼承自Element，Element又繼承自Node；于是我們可以使用HTMLElement的Prototype來擴(kuò)展HTML元素的方法和屬性，如何實(shí)現(xiàn)？我們來看一段代碼：
代碼如下:
<!DOCTYPE html>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板： 甘孜| 长海县| 河东区| 富顺县| 建平县| 丹东市| 东乡县| 榆林市| 兴山县| 尉犁县| 新巴尔虎左旗| 怀化市| 蕲春县| 北京市| 英超| 霍城县| 安化县| 柘城县| 嘉兴市| 崇信县| 蚌埠市| 清苑县| 哈巴河县| 芜湖市| 杨浦区| 云龙县| 康定县| 琼中| 福清市| 社旗县| 绥中县| 大渡口区| 丰原市| 辽阳市| 互助| 吉林市| 舞阳县| 荔浦县| 会同县| 万载县| 安泽县|