當點擊兩個鏈接時,我們可以使用jQuery來捕捉點擊事件,并根據鏈接的不同來獲取對應的廣告代碼并將其顯示出來。假設兩個鏈接分別有`id="link1"`和`id="link2"`,我們可以在一個共同的JavaScript文件中編寫以下代碼:
<!-- HTML -->
<a href="#" id="link1">Link 1</a> <a href="#" id="link2">Link 2</a> <div id="adContainer"></div>
js
// JavaScript (jQuery) $(document).ready(function() { $("#link1").click(function(event) { event.preventDefault(); fetchAdCode(1); // Fetch ad code for link 1 }); $("#link2").click(function(event) { event.preventDefault(); fetchAdCode(2); // Fetch ad code for link 2 }); }); function fetchAdCode(linkId) { // Here, you can perform an AJAX request or any other method // to fetch the ad code for the given linkId. // For demonstration purposes, we will simply simulate fetching the ad code. // Replace the following lines with your actual logic to fetch the ad code. let adCode; if (linkId === 1) { adCode = "<p>Ad code for Link 1</p>"; } else if (linkId === 2) { adCode = "<p>Ad code for Link 2</p>"; } displayAd(adCode); } function displayAd(adCode) { // Display the fetched ad code in the adContainer div. $("#adContainer").html(adCode); }
在上面的代碼中,我們使用了jQuery的事件綁定來監聽點擊事件。當點擊`#link1`時,會調用`fetchAdCode(1)`函數來獲取廣告代碼,同樣,當點擊`#link2`時,會調用`fetchAdCode(2)`函數來獲取廣告代碼。`fetchAdCode`函數根據`linkId`的不同,模擬獲取不同的廣告代碼,并調用`displayAd`函數來顯示獲取到的廣告代碼。
請注意,實際情況中,你需要替換`fetchAdCode`函數內部的模擬邏輯,改為根據鏈接的不同向服務器請求相應的廣告代碼,這通常涉及使用AJAX或其他網絡請求方式。同時,替換模擬邏輯后,你可能還需要對廣告代碼進行安全性檢查和防范,以確保廣告代碼不會帶來潛在的安全問題。