亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 Javascript 變量打開 Iframe

使用 Javascript 變量打開 Iframe

泛舟湖上清波郎朗 2023-10-14 19:09:47
我嘗試將 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?提前感謝所有支持/幫助!
查看完整描述

2 回答

?
GCT1015

TA貢獻1827條經驗 獲得超4個贊

在 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>


查看完整回答
反對 回復 2023-10-14
?
元芳怎么了

TA貢獻1798條經驗 獲得超7個贊

在 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>


查看完整回答
反對 回復 2023-10-14
  • 2 回答
  • 0 關注
  • 183 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號