CODE-用jQuery翻修HTML內容

<!-- 原始網頁 -->

<tr id="OrderUserControl1_tr_ORDER_PRZ" style="DISPLAY:block;">

    <td class="title">委託價格</td>

    <td><span id="OrderUserControl1_lab_ORDER_PRZ">123.45</span></td>

</tr>

<tr id="OrderUserControl1_tr_TRADE_CRNCY" style="DISPLAY:block;">

    <td class="title">交易幣別</td>

    <td><span id="OrderUserControl1_lab_TRADE_CRNCY">USD</span></td>

</tr>

<tr id="OrderUserControl1_tr_CLEAR_CRNCY" style="DISPLAY:block;">

    <td class="title">交割幣別</td>

    <td><span id="OrderUserControl1_lab_CLEAR_CRNCY">USD</span></td>

</tr>

<!-- 想要翻成以下的樣版 -->

<TR>

<TD class=title>委託價格</TD>

<TD>[$ORDER_PRZ$]</TD></TR>

<TR>

<TD class=title>交易幣別</TD>

<TD>[$TRADE_CRNCY$]</TD></TR>

<TR>

<TD class=title>交割幣別</TD>

<TD>[$CLEAR_CRNCY$]</TD></TR>

<TR>

$(function() {

    $("span[id^=OrderUserControl1_lab_]").each(function() { 

        var spn = $(this);

        if (spn.is(":parent")) 

            spn.text("[$" + spn.attr("id")

            .replace("OrderUserControl1_lab_", "") + "$]");

        spn.replaceWith(spn.text()); 

    });

    $("*[id]").removeAttr("id");

    $("*").css("display", "");

    var xwin = window.open("about:blank"); 

    xwin.document.write($("table:first").html());

});

# 哇沙米 said on 25 February, 2009 06:42 PM

這真的是很方便，常常套用來套用去在不同站台時，就很省事。

# Derek said on 26 February, 2009 02:56 AM

真是非常棒的方法呢！不過有個問題想要問一下：有時候我們需要從別的WebSite抓html過來然後parse拿出一個table裡的資料，現在都是用Regular Expression。有沒有可能改成抓下html後，自動插入一段寫好的javascript，然後輸出自己要的html格式？

要寫程式控制抓html、插javascript到html裡都ok，我的疑惑在於怎麼讓自己的程式再去run改過的html並拿到輸出的html咧？

# Jeffrey said on 26 February, 2009 07:47 AM

to Derek, 用window.open或iframe的方式載入另一個網頁，只要排除cross-domain的情況，存取該網頁的DOM不是問題。現成的範例你可以參考Mini jQuery Lab(blog.darkthread.net/.../mini-jquery-lab-online.aspx)，下方的HTML Result就是IFrame嵌入的另一個網頁。

# Derek said on 26 February, 2009 09:18 AM

Dear Jeffrey大大,

我徹底的通暢了，真感謝你的神來一通! By the way, 你的Mini jQuery真是超酷的^^

# deded said on 04 March, 2009 07:13 PM

請教一下，HTML的樣版在ASP.Net中可以怎麼使用呢？能不能給我一些關鍵字，我去網路上找相關資料

# Jeffrey said on 05 March, 2009 05:25 PM

to deded, 不是很懂"HTML樣版"的定義，看你要不要再補充說明一下。

# 咖啡喵 said on 06 May, 2009 01:40 AM

借問一下

<div id="a">

</div>

我要如何用 jQuery 把

<script type="..." src="..."></script>

加到 div 裡面去？

試了好久一直沒辦法

# Jeffrey said on 06 May, 2009 10:20 PM

to 咖啡喵, 會這麼在意script安插的位置，莫非其中用了document.write()的技巧? 若是如此，就算事後將script夾到其中，恐怕也沒法控制內容產生在其中。看要不要說一下你這個需求背後的用意，大家一起研究看看。

# 咖啡喵 said on 07 May, 2009 03:55 AM

Dear Jeffrey，您猜對了

事實上是網頁那塊 script 是載入別人家的東西，結果會在開啟網頁時停頓

所以想說能不能網頁載入完再載那塊

昨天試了好久 不是加不上去

就是加上去了，內容呈現是在頁尾（整個貼齊頁底）

# Jeffrey said on 07 May, 2009 04:47 AM

to 咖啡喵, 將變更DOM的Code保持在DOM全部載入後是較佳的策略，但當DOM已經輸出完整，再執行document.write()是會輸出在文件的最後端，而且這行為應該已超出標準DOM規範，很難保證所有Browser的處理行為一致。我想到的方法是另外做一個隱藏iframe，讓script在其中執行，之後再伸手進去把要的內容撈出來放到主要的DOM結構中，但看來也是大費周章，不怎麼高明。

你的看法呢?

標題 (必要的) 

姓名 (必要的) 

你的URL (選擇性的)

意見 (必要的) 

Remember Me?

請輸入以上的數字:

搜尋