要实现页面链接仅在拆分屏幕的一侧打开,可以使用以下方法:
<script>
if (window.innerWidth >= 1024) {
document.getElementById("link").target = "_blank";
}
</script>
其中,"link"
是链接元素的ID,根据实际情况进行调整。
@media
规则来根据屏幕分辨率设置链接的打开方式。具体代码如下:<style>
@media (min-width: 1024px) {
#link {
target-new: tab;
}
}
</style>
其中,"#link"
是链接元素的选择器,根据实际情况进行调整。
以上两种方法都可以根据屏幕宽度的一半来决定链接的打开方式。在屏幕宽度大于等于1024px时,链接会在新的标签页或窗口中打开;而在屏幕宽度小于1024px时,链接会在当前标签页中打开。
推荐腾讯云相关产品和产品介绍链接地址:
腾讯云Web应用防火墙(WAF):https://cloud.tencent.com/product/waf 腾讯云CDN加速:https://cloud.tencent.com/product/cdn 腾讯云域名注册:https://cloud.tencent.com/product/domain 腾讯云云服务器CVM:https://cloud.tencent.com/product/cvm 腾讯云云数据库MySQL版:https://cloud.tencent.com/product/cdb_mysql 腾讯云云存储COS:https://cloud.tencent.com/product/cos 腾讯云人工智能平台:https://cloud.tencent.com/product/ai 腾讯云物联网平台:https://cloud.tencent.com/product/iot 腾讯云移动推送:https://cloud.tencent.com/product/tpns 腾讯云区块链:https://cloud.tencent.com/product/bcos 腾讯云虚拟专用网络VPC:https://cloud.tencent.com/product/vpc 腾讯云弹性伸缩:https://cloud.tencent.com/product/as 腾讯云云原生应用引擎:https://cloud.tencent.com/product/tke
领取专属 10元无门槛券
手把手带您无忧上云