如何創建onPageLoad框，以便用戶可以單擊圖像以在新選項卡中打開鏈接？

Question

我有一個ASP.NET網站，當用戶加載網站主頁時需要它，在頁面加載時彈出一個框（而不是彈出窗口），並顯示一個圖像。 用戶單擊圖像時，會在新選項卡中打開鏈接嗎？

我想jQuery可以做到這一點或AJAX。 我是這個菜鳥！ 希望您為我提供示例功能代碼。

Answer 1

你可以做這樣的事情。 下面的代碼在准備就緒的文檔上創建圖像，並將click事件綁定到該圖像，單擊該事件將打開一個新選項卡。

<script>
$(document).ready(function(){
   var image = $('<img></img>').attr('id', 'my_image').attr('src', '/path/to/your/image.png')
   $('#container').append(image);

   $('#my_image').click(function(){ 
     var window = window.open('http://your_url/', '_blank');
     window.focus();
   });

});
</script>