如何创建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>