使用 Javascript 变量打开 Iframe
我尝试将 javascript 变量传递到 iframe 的 url 中，但不知何故我做错了；谁能告诉我我犯了哪个错误？
代码：
function getPrice() {
var plans = document.getElementsByName('plans');
for (index=0; index < plans.length; index++) {
if (plans[index].checked) {
return plans[index].getAttribute('data-price');
break;
}
}
这返回；50、100 或 150 作为值。
<button OnClick="javascript:alert(getPrice() + '.00');">Bedrag</button>
此按钮为我提供了想要添加到 Iframe 的 url 中的所需值：
<iframe width="350" height="150" style="border-left:0px;border-top:0px;border-right:0px;border-bottom:0px;" src="https://www.website.com/create-ideal-payment.php?betaling="+ getPrice() + ".00"></iframe>
不幸的是，I 帧打开时没有得到函数所需的输出"getPrice()"。
我的哪一部分想法不正确，无法将正确的金额传递给 Iframe 中的 url？
提前感谢所有支持/帮助！
泛舟湖上清波郎朗浏览 139回答 2
2回答
-
GCT1015
在 javascript 本身中设置 iFrame URL。function getPrice() { var plans = document.getElementsByName('plans'); var paymentFrame = document.getElementById('paymentFrame'); var selectedPlan; for (index=0; index < plans.length; index++) { if (plans[index].checked) { selectedPlan = plans[index].getAttribute('data-price'); break; } } paymentFrame.src="https://www.website.com/create-ideal-payment.php?betaling="+ selectedPlan + ".00" return selectedPlan;}<input type="checkbox" name="plans" data-price="50"><input type="checkbox" name="plans" data-price="100"><input type="checkbox" name="plans" data-price="150"><button OnClick="javascript:alert(getPrice() + '.00');">Bedrag</button><iframe id="paymentFrame" width="350" height="150" style="border-left:0px;border-top:0px;border-right:0px;border-bottom:0px;"></iframe> -
元芳怎么了
在 HTML 主要中记下 iframe 的 id <iframe width="350" id = "IframeID" height="150" style="border-left:0px;border-top:0px;border-right:0px;border-bottom:0px;" ></iframe>主要 HTML 中引用的 JavaScript function getPrice() { var plans = document.getElementsByName('plans'); for (index=0; index < plans.length; index++) { if (plans[index].checked) { document.getElementById('result').innerText = 50; return 50;//plans[index].getAttribute('data-price'); break; } } // For testinhg this is the value will be injected in URL of iframe as query string return 50}window.addEventListener('DOMContentLoaded', (event) => { console.log(getPrice()); document.getElementById('IframeID').src = "somepage.html?seed=" + getPrice() + ".00";});IFrame 源 HTML<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <h1>TEST in IFRame</h1></body><script> function getParams() { var params = {}, pairs = document.URL.split('?') .pop() .split('&'); for (var i = 0, p; i < pairs.length; i++) { p = pairs[i].split('='); params[ p[0] ] = p[1]; } return params; } var parameters = getParams(); for( var i in parameters ){ console.log( i , parameters[i] );} </script> </html>
随时随地看视频慕课网APP
相关分类
JavaScript