首頁 > 開發者 > JavaScript
網頁中的iframe載入完成後，希望做一些工作。比如在iframe內容改變前在某處顯示"正在載入"，在載入完成後，顯示內容改為"載入完成"。那麼該怎麼處理呢？在jquery中iframe載入完成事件為load，而不是ready <html> <head> <meta http-equiv="contentType" content="text/html;charset=utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> <script> $(function(){ $("#phone").change(function(){ $("#message").text("正在載入.."); $("#theone").attr("src",$(this).val()); }); $("#theone").load(function(){ $("#message").text(""); }); }); </script> </head> <body> <select id="phone"> <option value="http://www.google.com.hk/">any one</option> <option value="http://www.streamcave.com/upload/2010/8/201008251153427683.jpg">htc dream</option> <option value="http://www.streamcave.com/upload/2010/8/201008251153454306.jpg">htc magic</option> <option value="http://www.streamcave.com/upload/2010/8/201008251153453524.jpg">htc hero</option> <option value="http://www.streamcave.com/upload/2010/8/201008251153464400.jpg">htc hattoo</option> <option value="http://www.streamcave.com/upload/2010/8/201008251153483133.jpg">nexus one</option> <option value="http://www.streamcave.com/upload/2010/8/201008251153485258.jpg">htc legend</option> <option value="http://www.streamcave.com/upload/2010/8/201008251153510582.jpg">htc desire</option> <option value="http://www.streamcave.com/upload/2010/8/201008251153532800.jpg">motorola milestone</option> </select> <span id="message" style="color:green"></span> <hr/> <iframe id="theone" src="" width="600" height="700"></iframe> </body> </html>Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
