时间戳

首页 > 解决方案 > 显示从 JAVA 到 HTML 的可点击亚马逊图像链接

javascript - 显示从 JAVA 到 HTML 的可点击亚马逊图像链接

问题描述

有一个简单的计算，如果选择的 2 单选为真，它将显示指向 div 的正确链接，您可以在其中找到它。该链接现在可以单击并打开正确的网站/URL，这要感谢用户：imvain2，他帮助了一些代码。现在，当我将亚马逊链接放入其中时，它只显示 URL 而不是亚马逊附属可点击图片链接。

 <div id="DisplayResults"></div>

    function create_link(url, target_obj){
        var a = document.createElement('a');
        var linkText = document.createTextNode(url);
        a.appendChild(linkText);
        a.title = url;
        a.href = url;
        target_obj.appendChild(a);
    }

function Selectport() {

var aOpticalin = document.getElementById("aOpticalin");
var aOpticalout = document.getElementById("aOpticalout");
var astereoout = document.getElementById("astereoout");
var astereoin = document.getElementById("astereoin");
var DisplayResults = document.getElementById("DisplayResults");


    if(astereoout.checked && aOpticalin.checked){

create_link(<iframe style="width:120px;height:240px;" marginwidth="0" 
marginheight="0" scrolling="no" frameborder="0" src="//ws- 
na.amazon-adsystem.com/widgets/q? 
ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace= 
US&source=ac&ref= 
tf_til& ad_type=product_link&tracking_id=whatsmycable- 
20&marketplace=amazon&region=US&placement=B01HGHNCMW&asins= 
B01HGHNCMW&linkId= 
f3759832fc138a941ade9bde6128b083&show_border= 
true&link_opens_in_new_window= 
false&price_color=333333&title_color=000000&bg_color=d1d1d1">
</iframe>,DisplayResults);
    }
}

标签： javascripthtml

解决方案

该功能最初是基于简单地从 URL 创建链接而创建的。如果您想附加实际的预创建 HTML，可以使用 innerHTML。

如果您的代码中有双引号，请确保将您的代码用单引号（撇号）括起来。

DisplayResults.innerHTML += 'Your iframe code goes here';

推荐阅读