如何使用JavaScript來顯示HTML？

-2

好吧，基本上我使用JavaScript腳本來檢測訪問者的瀏覽器是否啓用了廣告攔截器。我成功地彈出了一個警告框，但那只是一個基本測試。現在，我想用廣告的大小替換廣告位，該廣告的圖片顯示了我的消息，說明如果他們允許投放廣告，效果會如何。我將如何使用JavaScript實現這一目標？如何使用JavaScript來顯示HTML？

這裏是我的代碼：

<script> 
     function TestPage() { 
if ($('.myTopAd').height() == 0) 
    alert('Please disable your adblocker!'); 
} 

$(TestPage); 
</script>

任何幫助表示讚賞！

來源

2014-06-23 Christian Taylor

我一般不喜歡downvoting新用戶的問題，但如果你不能弄清楚如何做你從這裏已經回答了很多問題問什麼，我不認爲我可以幫助你。 – JayC

爲什麼任何使用廣告攔截器的人都同意禁止他們針對網站的廣告攔截？ –

@JayC，非常好的投票給初學者程序員。 –

裏面你if，你可以做這樣的事情：

$('.myTopAd').prepend($('<img>',{id:'ID-OF-IMG',src:'YOUR-IMAGE.jpg'}));

或者

$(".myTopAd").prepend("<img id='ID-OF-IMG' src='YOUR-IMAGE.jpg'/>");

在SRC，把你的圖片的路徑。

這可以通過幾種方式完成，這些只是其中的一部分。

Prepend jQuery

來源

2014-06-23 00:32:27

您可以在背景圖像設置爲廣告父元素

function TestPage() { 
    if ($('.myTopAd').height() == 0){ 
    $('.myTopAd-parent').css({background: "url(please.jpg) no-repeat 50% 50%", backgorundSize: "cover"}); 
    } 
} 

$(function(){ // DOM is now ready 
    TestPage(); 
});

或者做類似的附加的圖像：

$('.myTopAd-parent').append("<img src='please.jpg'>");

來源

2014-06-23 00:30:57

<html> 
<head> 
<script> 
function changeLink() 
{ 
if ($('.myTopAd').height() == 0){ 
document.getElementById('.myTopAd').src= "asd.png"; 
document.getElementById('.myTopAd').alt= "[email protected]"; 
} 
} 
</script> 
</head> 
<body> 

<img id="myTopAd" src="sss.png" alt="TEXT"</a> 
<input type="button" onclick="changeLink()" value="Change link"> 

</body> 
</html>

嘗試。

來源

2014-06-23 00:31:38 bumbumpaw

請爲您的答案添加一些解釋，以幫助OP更好地理解您試圖用您的解決方案傳達的內容。謝謝！ – AstroCB

如何使用JavaScript來顯示HTML？

回答

相關問題