如何创建 onPageLoad 框,以便用户可以单击在新选项卡中打开链接的图像
How to create onPageLoad box so that a user can click an image which open a link in new tab?
我有一个 ASP.NET 网站,当用户加载网站主页时需要它,页面加载时会弹出一个带有图像的框(不是弹出窗口)。当用户单击图像时,它会在新选项卡中打开链接?
我想jQuery可以做到这一点或AJAX。我是菜鸟!希望您为我提供一个示例功能代码。
你可以做这样的事情。下面的代码在文档就绪上创建一个图像,并将一个单击事件绑定到该图像,单击该事件时将打开一个新选项卡。
<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>
相关文章:
- 如何通过Primefaces3.5使用JSF2.0验证并在成功的情况下打开一个新的选项卡
- 打开一个新的选项卡/窗口并向其写入内容
- 使用 POST 打开新的选项卡或窗口 [PHP]
- 提交表单后,打开一个新的选项卡
- 使用javascript打开一个新的选项卡,但使用javascript保留在当前选项卡上
- 如何通过单击Highchart图中的列/栏打开新窗口/选项卡
- JavaScript在新的选项卡中打开,而不是在Chrome浏览器中打开窗口
- Javascript表单提交打开新窗口选项卡,然后重定向父页面
- 在 CSS 中使用新的选项和样式
- 来自 HREF 的新窗口/选项卡
- 将表单提交到新窗口/选项卡
- 如何在新窗口/选项卡中打开文本和 xml 文件
- 检测链接是在新窗口/选项卡还是当前窗口中打开
- 新窗口/选项卡中的JavaScript确认对话框
- Angular:打开新的选项卡,不使用弹出窗口阻止程序
- 为什么打开的窗口有时打开一个新的选项卡,有时弹出
- 如何打开新窗口/选项卡,但专注于打开窗口
- 在磁盘上的新浏览器选项卡中使用javascript以编程方式打开html文件
- 如何通过javaScript获取新打开选项卡的URL
- 打开一个新的选项卡,并使用javascript用父页面的innerHTML填充页面