Question

有一个简单的计算，如果选定的2个单选框为true，它将显示指向div的正确链接，您可以在其中找到它。现在，由于用户：imvain2帮助提供了一些代码，因此可以单击该链接并打开正确的网站/ URL。现在，当我在其中放置一个Amazon链接时，它仅显示URL，而不显示Amazon会员可点击的图像链接。

 <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);
    }
}

Answer 1

该功能最初是基于仅通过URL创建链接而创建的。如果您想附加实际的预先创建的HTML，则可以使用innerHTML。

如果代码中包含双引号，请确保将代码包装在单引号（撇号）中。

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

显示从JAVA到HTML的可点击Amazon图像链接

1 个答案: