quirksmode站點的制作者發(fā)現(xiàn)了一個有趣的技巧.CSS中的background-image屬性可以插入Javascript.遺憾的是目前只有IE5/6支持.(IE7我沒有條件測試)
運行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
如果我們在CSS中多個不同的id選擇器中都插入了Javascript.那么只有前面的XHTML中調(diào)用了該id選擇器.才會運行該Javascript代碼.而沒有調(diào)用的id選擇器,其中的代碼不會運行.
如下,我們定義了兩個id選擇器.test1和test2.但是并沒有在xhtml中調(diào)用test2.所以你仍然只能看到test1中的javascript代碼.
運行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
除了顯示消息之外,作者試圖用這個技巧來生成隨機的背景圖片. background-image: url(javascript: document.write('pix/test'+(parseInt(Math.random()*5)+1)+'.gif'));
遺憾的是,經(jīng)過多次嘗試,這個想法最終被認為是不可能的.我自己也試驗了一下.并不能生成隨機的背景圖片.只是顯示了背景的東西.并且覆蓋了.原來的內(nèi)容而且終止了瀏覽器繼續(xù)解釋運行xhtml的其余部分.
經(jīng)典論壇討論: http://www.95time.cn/bbs/NewsDetail.asp?id=2640831
出處:藍色理想
責任編輯:moby
◎進入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論
|