在一个页面用javascript判断 另一个页面的按钮是否被点击 在a.html中判断b.html的按钮是否被点击如果b.html里的按钮被点击,则在a.html中输出一句话.大概就是 这个意思,请高手指点 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 首先a.html与b.html要有关系比如b是以iframe的形式嵌入到a,或者a用window.open打开了b那么就可以在b的按钮被点击时操作a了 两个页面在一个FrameSet里<frameset name="myFame"rows="50,*" cols="*" frameborder="no" border="0" framespacing="0"><frame src="a.html" name="leftFrame" id="leftFrame" title="leftFrame" /><frame src="b.html" name="mainFrame" id="midFrame" title="mainFrame" /></frameset> main.html <frameset id="outFrameId" name="myFame"rows="50,*" cols="*" frameborder="no" border="1" framespacing="0"> <frame src="a.html" name="leftFrame" id="leftFrame" title="leftFrame" /> <frame src="b.html" name="mainFrame" id="midFrame" title="mainFrame" /> </frameset>a.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <script type="text/javascript"> /** * author: develop_design_level * date: 2009-10-30 * @param {Object} id */ function $(id){ if (document.getElementById) { return document.getElementById(id); } else { return document.all.id; } } window.onload = function(){ $('btnId').onclick = function(){ alert('===== a.html ======') top.document.getElementById('outFrameId').all.mainFrame.contentWindow.test() } }; </script> </head> <body> <input type="button" id="btnId" value=" click me " /> </body></html>b.html[code=HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <script type="text/javascript"> /** * author: develop_design_level * date: 2009-10-30 * @param {Object} id */ function $(id){ if (document.getElementById) { return document.getElementById(id); } else { return document.all.id; } } function test(){ $('divId').innerHTML = '========= Hello world ! ==========='; $('divId').style.backgroundColor = 'yellow'; } </script> </head> <body> <div id="divId" style="background-color:blue;">=================</div> </body></html>=== 结贴,给分 ===得到满意的答案,立即结贴给分,是一种良好的习惯和美德[/code] 这个效果js怎么实现 JS的load事件无效,该怎么办呢? 一个简单的问题 在html中能否用js调用另一个html~~o(>_<)o ~~ javascript 动态添加表格 哪位老大能告诉我这段代码是啥意思 奇怪的问题。为什么每次触发了js事件以后,数组都会被初始化呢。 新人求助 一个最菜的问题,恳请高手帮忙!20分! 由于网速的原因而造成的表单资料上传不完全的解决方法?请教? 数据提交问题 像这样的JS+VML做成的脚本 我怎么可以让它显示关闭呢?
比如b是以iframe的形式嵌入到a,或者a用window.open打开了b
那么就可以在b的按钮被点击时操作a了
<frameset name="myFame"rows="50,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="a.html" name="leftFrame" id="leftFrame" title="leftFrame" />
<frame src="b.html" name="mainFrame" id="midFrame" title="mainFrame" />
</frameset>
<frame src="a.html" name="leftFrame" id="leftFrame" title="leftFrame" />
<frame src="b.html" name="mainFrame" id="midFrame" title="mainFrame" />
</frameset>
a.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
/**
* author: develop_design_level
* date: 2009-10-30
* @param {Object} id
*/
function $(id){
if (document.getElementById) {
return document.getElementById(id);
}
else {
return document.all.id;
}
}
window.onload = function(){
$('btnId').onclick = function(){
alert('===== a.html ======')
top.document.getElementById('outFrameId').all.mainFrame.contentWindow.test()
}
};
</script>
</head>
<body>
<input type="button" id="btnId" value=" click me " />
</body>
</html>
b.html[code=HTML]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
/**
* author: develop_design_level
* date: 2009-10-30
* @param {Object} id
*/
function $(id){
if (document.getElementById) {
return document.getElementById(id);
}
else {
return document.all.id;
}
}
function test(){
$('divId').innerHTML = '========= Hello world ! ===========';
$('divId').style.backgroundColor = 'yellow';
}
</script>
</head>
<body>
<div id="divId" style="background-color:blue;">=================</div>
</body>
</html>=== 结贴,给分 ===
得到满意的答案,立即结贴给分,是一种良好的习惯和美德
[/code]