猿问

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)没有后台没有服务器

或是一定需要父子关系的话,这个要怎么设置成父子关系呢?

本人菜鸟刚接触,希望各位大神能给详细点的回答,在此谢过

璐璐1992
浏览 5260回答 1
1回答

信者得救

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
我要回答