如何用JS实现按快捷键后刷新网页中用iframe嵌入的子页面？
假如一个网页中用iframe嵌入了一个子页面，代码如下：<iframeid="test"frameborder=0width=250height=250marginhei...
假如一个网页中用iframe嵌入了一个子页面，代码如下：
<iframe id="test" frameborder=0 width=250 height=250 marginheight=0 marginwidth=0 scrolling=no src="e.html"></iframe>
请问如何写JS实现按回车键刷新这个子页面？请给出兼容性好的详细JS代码！ 展开
<iframe id="test" frameborder=0 width=250 height=250 marginheight=0 marginwidth=0 scrolling=no src="e.html"></iframe>
请问如何写JS实现按回车键刷新这个子页面？请给出兼容性好的详细JS代码！ 展开
1个回答
展开全部
同域下可以这样实现
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<iframe id="test" frameborder=0 width=250 height=250 marginheight=0 marginwidth=0 scrolling=no src="a.html"></iframe>
<script type="text/javascript">
// 兼容IE事件绑定
function addEvent(elem, eventName, func) {
if (!elem) return;
if (window.addEventListener) {
elem.addEventListener(eventName, func, false);
} else if (window.attachEvent) {
elem.attachEvent('on' + eventName, func);
}
}
function onKeyUp(e) {
e = e || window.event;
var iframe = document.getElementById('test');
var keyCode = e.keyCode;
if (keyCode === 13) {
iframe.contentWindow.location.reload();
}
}
addEvent(document.body, 'keyup', onKeyUp);
</script>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<iframe id="test" frameborder=0 width=250 height=250 marginheight=0 marginwidth=0 scrolling=no src="a.html"></iframe>
<script type="text/javascript">
// 兼容IE事件绑定
function addEvent(elem, eventName, func) {
if (!elem) return;
if (window.addEventListener) {
elem.addEventListener(eventName, func, false);
} else if (window.attachEvent) {
elem.attachEvent('on' + eventName, func);
}
}
function onKeyUp(e) {
e = e || window.event;
var iframe = document.getElementById('test');
var keyCode = e.keyCode;
if (keyCode === 13) {
iframe.contentWindow.location.reload();
}
}
addEvent(document.body, 'keyup', onKeyUp);
</script>
</body>
</html>
更多追问追答
追问
试了，根本不对啊
追答
是怎么不对，回车没反应？浏览器控制台有报错么？这个必须是同域下，即页面的域，与iframe嵌入的网页的域相同。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
