首页 > 代码库 > auto refresh iframe
auto refresh iframe
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script></script> <style> .gray {color:#ccc !important; background-color:#eee !important; border-color:#eee !important; } .black { color:black !important; } #autoRefresh_label { cursor:pointer; } </style></head><body> <div id="autoRefresh_div" style="-moz-user-select:none;" onselectstart="javascript:return false;"> <input type="checkbox" checked="checked" id="autoRefresh_checkbox" /> <label for="autoRefresh_checkbox" id="autoRefresh_label"> 每 <select id="autoRefresh_select"> <option value="1">1分钟</option> <option value="3" selected="selected">3分钟</option> <option value="10">10分钟</option> <option value="30">30分钟</option> </select> 自动更新</label> </div> <script> window.$$ = function (e) { if (document.getElementById(e)) { return document.getElementById(e); } } //父子同域才可以使用 //document.domain = ‘‘;如果父子同域后缀,则可以通过设置该属性而实现跨域访问 window.autoRefresh = function () { this.getCurrentIframe = function () { if (!parent || parent.document.getElementsByTagName(‘iframe‘).length === 0) { return undefined; } var iframes = parent.document.getElementsByTagName(‘iframe‘); for (var i = 0; i < iframes.length; i++) { if (iframes[i].src === document.location.href) { return iframes[i]; } } } var that = this; this.init = function () { if (!parent[‘autoRefresh_checkbox_checked‘]) { parent[‘autoRefresh_checkbox_checked‘] = $$(‘autoRefresh_checkbox‘).checked; } else { $$(‘autoRefresh_checkbox‘).checked = parent[‘autoRefresh_checkbox_checked‘]; } $$(‘autoRefresh_checkbox‘).onchange = function () { parent[‘autoRefresh_checkbox_checked‘] = $$(‘autoRefresh_checkbox‘).checked; }; $$(‘autoRefresh_checkbox‘).onclick = function () { $$(‘autoRefresh_checkbox‘).checked === false ? $$(‘autoRefresh_select‘).className = $$(‘autoRefresh_label‘).className = ‘gray‘ : $$(‘autoRefresh_select‘).className = $$(‘autoRefresh_label‘).className = ‘black‘; } if (!parent[‘autoRefresh_select_selected‘]) { parent[‘autoRefresh_select_selected‘] = $$(‘autoRefresh_select‘).value; } else { $$(‘autoRefresh_select‘).value = parent[‘autoRefresh_select_selected‘]; } $$(‘autoRefresh_select‘).onchange = function () { parent[‘autoRefresh_select_selected‘] = $$(‘autoRefresh_select‘).value; this.start(); }; } this.start = function () { var time = parseInt($$(‘autoRefresh_select‘).value) * 1000 * 60; setInterval(function () { if ($$(‘autoRefresh_checkbox‘).checked) { that.getCurrentIframe().src = document.location.href; } }, time); } this.init(); } new autoRefresh().start(); </script></body></html>
if you put these codes in the iframe,then iframe can refresh auto.
auto refresh iframe
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。