javascript - 如何用JS实现按快捷键后刷新网页中用iframe嵌入的子页面?
高洛峰
高洛峰 2017-04-11 13:32:09
0
1
501

假如一个网页中用iframe嵌入了一个子页面,代码如下:
<iframe id="test" frameborder=0 width=250 height=250 marginheight=0 marginwidth=0 scrolling=no src="e.html"></iframe>

请问如何写JS实现按回车键刷新这个子页面?请给出兼容性好的详细JS代码!

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回覆(1)
黄舟

代码绝对高效:原生,简短

var iframe = document.querySelector("iframe");
var body = document.querySelector("body");
body.addEventListener('keyup',function(){
    if (event.keyCode==13) {
        // 根据自己需要,重新定义src地址,尽量加一些随机参数,以保证刷掉缓存
        iframe.src = location.origin + location.pathname + "?t=" + new Date().getTime();
    }
});
// 上面之所以能够通过监听body的keyup事件,是因为,浏览器默认给body是focus状态,document.activeElement
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板