2015-05-05 18 views
2

HTML源代碼沒有任何特定的JavaScript函數調用,但DOM列出了這樣的調用。例如,在源代碼是: <div title="About" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
其轉化在DOM來: **DOM如何啓動JavaScript調用,雖然似乎沒有特定的調用?

<div class="panel" style="width: 498px;"> 
    <div class="panel-header accordion-header accordion-header-selected" style="height: 16px; width: 488px;"> 
    <div class="panel-title panel-with-icon">About </div> 
    <div class="panel-icon icon-ok"> </div> 
    <div class="panel-tool"> 
    <a href="javascript:void(0)" class="panel-tool-collapse" style="display: none;"></a> 
    <a href="javascript:void(0)" class="accordion-collapse"></a> 
    </div> 
    </div> 
    <div title="" data-options="iconCls:'icon-ok'" style="overflow: auto; padding: 10px; display: block; width: 478px; height: 170px;" class="panel-body accordion-body"> 

**

[以上是從jeasyui演示的特定示例]

JavaScript的調用是如何啓動的?額外的類是否僅通過這種調用添加? (我試圖探索縮小的js版本,但無法得知其實際處理的線索)。

+1

你在說什麼Javascript? – Barmar

+0

可能由DOM替換?在DOM就緒或窗口加載事件時,JavaScript使用選擇器,嗅出原始元素並執行一些複雜的DOM操作以獲得生成的標記。 – Terry

+0

Javascript代碼可能包含'$(document).ready()'之類的東西。這會在加載DOM後自動運行代碼。 – Barmar

回答

1

的JavaScript文件:easyui.min.js是包裹着一個自我調用函數:

(function($){/*body of code*/})(jQuery);

通過簡單地將文件插入到文檔中時,JavaScript自動調用自身並運行文件加載時。

您可以查看他們的代碼在這裏來源:http://www.jeasyui.com/easyui/jquery.easyui.min.js

當腳本運行時,它看起來你已經把你的HTML和特定的類包裝他們的邏輯在其周圍如「手風琴頭」。

+0

IIFE與它無關。他們像其他人一樣使用負載處理程序。 IIFE所做的就是隔離他們的代碼 – charlietfl

相關問題