時間不等於金錢

大部份的網路廣告商和web2.0的工具，都會提供javascript的外部導入連結（.js），方便使用者放置在自己的網站或部落格中…但如果把它提供的js檔抓下來分析，就會發現最後常會轉成輸出iframe、flash或是其它程式檔。

這樣的做法，通常是為簡化連結語法（跟flash的語法比要短得多）或是增加一些輸出控制，另外，支援javascript的BSP，也比支援iframe來得多。

拿funp的推文按鈕funp_button.js為例：

var button_dimension = {
   1 : {'w' : 60, 'h': 55 },
   2 : {'w' : 60, 'h': 69 },
   3 : {'w' : 80, 'h': 15 },
   4 : {'w' : 91, 'h': 17 },
   5 : {'w' : 95, 'h': 22 },
   6 : {'w' :115, 'h': 22 },
   7 : {'w' : 60, 'h': 66 },
   8 : {'w' :100, 'h': 34 },
   9 : {'w' :106, 'h': 55 },
  10 : {'w' : 60, 'h': 55 },
  11 : {'w' :100, 'h': 20 },
  12 : {'w' : 80, 'h': 15 },
  13 : {'w' : 80, 'h': 15 }
};

function funp_genButton(url,style) {
   if (!style) style = 1;
   if (!url) url='';
   else url="?url="+encodeURIComponent(url);
   //注意這裡，輸出iframe
   document.write('');
}

---

如果想讓自己的flash或是iframe也能使用js來導入，就要把它轉成javascript的格式，用document.write輸出
(1) 比方說底下這個iframe：

<iframe src="http://andy.diimii.com/wp-monster/pr_interface.php?pr_code=uz437qO5MdtT5BJLiuiR3hT0RR6578&cols=2&rows=2&type=1&category=0&price1=0&price2=0&sp=0&adult=&sadult=0&keyword=&bgcolor=FFFFFF&page=0&login=sunho&webapipassword=2aa3a721693697a4827156a311810284" width="330" height="430" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"></iframe>

(2) 用這工具：HTML to JavaScript Convertor

(3) 得到javascript的輸出格式

function writeJS(){
var str='';
str+='<iframe src="http:\/\/andy.diimii.com\/wp-monster\/pr_interface.php?pr_code=uz437qO5MdtT5BJLiuiR3hT0RR6578&cols=2&rows=2&type=1&category=0&price1=0&price2=0&sp=0&adult=&sadult=0&keyword=&bgcolor=FFFFFF&page=0&login=sunho&webapipassword=2aa3a721693697a4827156a311810284" width="330" height="430" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"><\/iframe>';
document.write(str);
}
writeJS();

(4) 複製上述內容，把它存為一個新檔如：andy_monster.js

(5) 在網站上使用它，搞定

<script type="text/javascript" src="http://js.diimii.com/01/andy_monster.js"></script>