JS读取另一个HTML文件input标签value值
比如：
第一个HTML文件：test.html
<html>
<head>
<title>test.html</title>
<script language="javascript" type="text/javascript">
function show()
{
var xx=window.frames("myframe").document.getElementById("bd").value;
document.getElementById("ss").value=xx;
}
</script>
</head>
<body>
<p>this content for test.html info</p>
<input type="button" onClick="show()" value="test2.html">
<input id="ss"></div>
<iframe id="myiframe" src="D:\NewLearning\RefPCDisplay\test2.html" style="display:none"></iframe>
</body>
</html>
---------------------------------------------------------------------------------------------
第二个HTML文件：test2.html
<html>
<html>
<head>
<title>这是test2.html</title>
</head>
<body>
<input id="bd" value="230"/>
</body>
</html>
然后我希望在test.html里面显示test2.html的内容,可是上面方式感觉理论上是对的，但是显示不出来，我使用的是Chrome的浏览器，提示window.frames没有这个函数，这怎么解？
ps:这两个HTML文本均在本地静态的，没有设置父子关系（本人也不懂这个关系怎么设置o(╯□╰)o）没有后台没有服务器
或是一定需要父子关系的话，这个要怎么设置成父子关系呢？
本人菜鸟刚接触，希望各位大神能给详细点的回答，在此谢过
璐璐19921回答
-
信者得救
window.frames 是一个属性，不是一个方法。还有你那个地址，不能这样写的，要写这两个文件的相对位置。或者服务器上的绝对地址。如果这两个文件在同一文件夹下，可以这样写，达到你要的效果。test1.html<!DOCTYPEhtml> <head> <meta charset="utf-8"> <title>test.html</title> <script language="javascript" type="text/javascript"> function show(){ var xx=window.frames[0].document.getElementById("bd").value; document.getElementById("ss").value=xx; } </script> </head> <body> <p>this content for test.html info</p> <input type="button" onClick="show()" value="test2.html"> <input id="ss"></div> <iframe id="myframe" src="test2.html" style="display: none;"></iframe> </body> </html>test2.html<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title>这是test2.html</title> </head> <body> <input id="bd" value="230"/> </body> </html>
随时随地看视频慕课网APP
Html/CSS
JavaScript