如何更改iframe src
[英]How to change iframe src
問題描述
如果我問的是非常基本的問題，請耐心等待，因為我對編碼不太了解。 我有一個帶有內置Web瀏覽器的股票圖表應用程序。 我配置了此瀏覽器以加載一個html頁面，我將其編碼如下，例如mypage.html？symbol = xzy，我在這里要做的是捕獲提交的html變量'symbol'並將其值用作一部分url字符串以加載另一個第三方網頁的一部分。 我無法弄清楚我的JavaScript代碼出了什么問題，原因是無法設置'src'屬性的值。 非常感謝您的幫助。
<html>
<header>
<script>
document.getElementById('iframe').src = "http://www.asx.com.au/asx/markets/dividends.do?by=asxCodes&asxCodes="+symbol+"&view=all#dividends";
</script>
</header>
<body>
<div id="dividends"></div>
<iframe id="iframe" src="" style="display:hidden;margin-left: -140px; margin-top: -33px" scrolling="no" frameborder="no" width="398" height="265"></iframe>
</body>
</html>
3 個解決方案
解決方案1
1 2014-12-29 02:04:02
嘗試在html DOM之后移動script
<body>
<div id="dividends"></div>
<iframe id="iframe" src="" style="display:hidden;margin-left: -140px; margin-top: -33px" scrolling="no" frameborder="no" width="398" height="265"></iframe>
</body>
<script>
document.getElementById('iframe').src = "http://www.asx.com.au/asx/markets/dividends.do?by=asxCodes&asxCodes="+symbol+"&view=all#dividends";
</script>
解決方案2
0 2014-12-29 02:04:11
在iframe之后，將javascript移至頁面底部。 您正在嘗試在元素創建之前對其進行更改。 最初還要執行src =“ about：blank”，以便進行驗證。
解決方案3
0 已采納 2014-12-29 02:17:01
有兩件事情：1）首先執行onLoad函數-這樣，您就知道腳本將在瀏覽器渲染之后而不是之前運行並填充src屬性。
2）使用一個函數來獲取URL值。
<html>
<header>
<script>
<!-- source: http://javascriptproductivity.blogspot.com/2013/02/get-url-variables-with-javascript.html -->
function GetUrlValue(VarSearch){
var SearchString = window.location.search.substring(1);
var VariableArray = SearchString.split('&');
for(var i = 0; i < VariableArray.length; i++){
var KeyValuePair = VariableArray[i].split('=');
if(KeyValuePair[0] == VarSearch){
return KeyValuePair[1];
}
}
}
function SetContent(){
var symbol = GetUrlValue('symbol');
document.getElementById('iframe').src = "http://www.asx.com.au/asx/markets/dividends.do?by=asxCodes&asxCodes="+symbol+"&view=all#dividends";
}
</script>
</header>
<body onLoad="SetContent();">
<div id="dividends"></div>
<iframe id="iframe" src="" style="display:hidden;margin-left: -140px; margin-top: -33px" scrolling="no" frameborder="no" width="398" height="265"></iframe>
</body>
</html>
如何將 iframe src 變為變量
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.