1. 程式人生 > >在博客園中執行自己的腳本

在博客園中執行自己的腳本

spl gets bsp 不可見 display area 定義 etsec slist

在前面的一篇文章中《如何繞過博客園對 script 的屏蔽》,我看到了在頁面執行自定義的腳本的希望,自己試驗了一下,寫了個簡單的測試,如下:

<input id="btnTest" onclick="t1(22)" type="button" value="測試" />

腳本代碼:

function t1(v)
{
   console.log("---------- t1執行日誌 : "+v+" -----------");
}

發現不管把這個腳本代碼放到什麽地方,好像都執行不了啊!~好像不是這麽回事啊,再次參考了文章,文章裏面的思路是對的,可能不適合我,那我就找一個適合我的吧

主要解決幾個問題

1.腳本放到頁面的元素中,不能破壞腳本結構,不然註釋、換行等就沒有了,且不能影響代碼執行(代碼壓縮後的票過啊)

2.是腳本不可見。

3.使用博客園自己有的頁面元素,不自己造輪子。

有了上面的幾條,在根據前面文章的思路,就有了:

在頁腳Html代碼中加入:

<!-- 運行頁面上的自定義腳本 -->
<style type="text/css">
textarea[title=js]
{ 
    display: none;
}
</style>
<script>
$(function()
{ $(
textarea[title=js]).each(function(){window.eval($(this).text())}); }); </script>

代碼簡單,你懂得,我就不說啥了。

在界面上添加對應的元素,

為了測試效果,我自己在腳本代碼中加點時間等其他元素進去,把自己的自定義代碼放進去,打開頁面的控制臺,點擊按鈕測試 ---- Perfect!!!!

在博客園中執行自己的腳本