为了账号安全,请及时绑定邮箱和手机立即绑定

JS读取另一个HTML文件input标签value值

JS读取另一个HTML文件input标签value值

璐璐1992 2017-08-17 10:49:45
比如:第一个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)没有后台没有服务器或是一定需要父子关系的话,这个要怎么设置成父子关系呢?本人菜鸟刚接触,希望各位大神能给详细点的回答,在此谢过
查看完整描述

1 回答

?
信者得救

TA贡献22条经验 获得超10个赞

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>


查看完整回答
1 反对 回复 2017-08-17
  • 璐璐1992
    璐璐1992
    多谢回复,但是有个问题,我的这两个文件目前是在同一个文件夹里面的,还有就是我按照您的方法试验了一下,出现了报错,信息如下: test.html:11 Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame. at show (file:///D:/NewLearning/refpcdisplay/test.html:11:28) at HTMLInputElement.onclick (file:///D:/NewLearning/refpcdisplay/test.html:25:58) show @ test.html:11 onclick @ test.html:25
  • 信者得救
    信者得救
    好吧,我只测试了firefox。我百度了一下,这个好像是chrome安全策略问题。不能在本地这样访问。 我试了一下,把两个文件放到github上面去,chrome测试是可以的,本地不行。
  • 璐璐1992
    璐璐1992
    多谢回复,非常感谢
  • 1 回答
  • 0 关注
  • 5259 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信