在博客園中執行自己的腳本
阿新 • • 發佈:2019-02-02
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!!!!
在博客園中執行自己的腳本