在iframe里面提交表单

<iframe id="qrcode-iframe" name="submitIframe" src="about:blank" width="100%" height="750px" frameborder="no" border="0" marginwidth="0" marginheight="0"  >           			
</iframe>
<script>
$(function() {
var form = "<form id="alipaysubmit" name="alipaysubmit" action="https://mapi.alipay.com/gateway.do?_input_charset=utf-8" method="get" target="submitIfram"></form><script>document.forms['alipaysubmit'].submit();</script>";
$("#qrcode-iframe").append($(form));
});
</script>

指定表单的target为iframe的name即可

### 如何在 iframe 中通过按钮触发全屏评论弹窗 为了实现在 `iframe` 中点击按钮后显示全屏评论弹窗的功能,可以采用 JavaScript 和 CSS 的组合来创建并控制该弹窗的行为。下面提供一种基于现有技术栈的方法。 #### 方法概述 利用 `layer.js` 库中的 `layer.open()` 函数开启一个自定义样式的层作为全屏评论区[^3]。由于目标是在 `iframe` 内部操作父窗口的内容,因此需要注意跨域安全策略的影响。如果 `iframe` 来源与宿主页相同,则可以直接调用父级函数;反之则需考虑其他通信机制如 postMessage API 处理不同域名间的互动问题。 #### HTML 结构设计 假设有一个简单的按钮用于触发展示逻辑: ```html <button id="openFullscreenComment">打开全屏评论</button> ``` #### JavaScript 控制脚本 这里给出一段完整的实现代码片段,适用于同一域名下父子页面间通讯场景: ```javascript document.getElementById('openFullscreenComment').addEventListener('click', function() { parent.layer.open({ type: 1, area: ['100%', '100%'], // 设置为全屏模式 shadeClose: true, // 点击遮罩关闭 content: '<div style="padding:20px;">这里是你的评论表单...</div>', btn: ['提交'], yes: function(index){ alert('模拟提交'); parent.layer.close(index); } }); }); ``` 上述代码实现了当用户点击按钮时,在当前浏览器视口范围内最大化展示一个新的浮动层,并内置了一个简易的评论输入区域。同时提供了“提交”按钮供进一步处理用户的反馈信息。 对于样式调整部分,可以根据实际需求参照提供的皮肤定制指南进行个性化设置[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值