html iframe 传值
时间: 2023-07-01 12:04:27 浏览: 174
JS实现向iframe中表单传值的方法
HTML的iframe标签可以嵌入另一个网页或者文档,通过传递参数给嵌入的网页,可以实现数据的传递。具体方法如下:
1. 在父页面中设置一个变量,并将其值赋给iframe的src属性
```html
<!DOCTYPE html>
<html>
<head>
<title>父页面</title>
</head>
<body>
<script>
var data = "这是要传递的数据";
var iframe = document.getElementById("my-iframe");
iframe.src = "child.html?data=" + encodeURIComponent(data);
</script>
<iframe id="my-iframe"></iframe>
</body>
</html>
```
2. 在子页面(child.html)中通过location.search获取参数值
```html
<!DOCTYPE html>
<html>
<head>
<title>子页面</title>
</head>
<body>
<script>
var data = decodeURIComponent(location.search.substring(1).split("=")[1]);
alert(data); //输出: "这是要传递的数据"
</script>
</body>
</html>
```
在父页面中设置一个变量,将数据赋值给它,然后将这个变量的值通过iframe的src属性传递给子页面。在子页面中,通过location.search获取参数值,然后进行相应的处理。需要注意的是,要对参数进行编码和解码处理,以避免出现不必要的问题。
阅读全文