JS设置不同屏幕宽度链接打开方式不同
发布时间:2015-09-22 15:11 | 人气数:1226
设置屏幕宽度大于767PX时,所有链接在新窗口打开。小的屏幕如手机页面在原窗口打开方法:
代码一,JS点击方式:
代码一,JS点击方式:
<script type="text/javascript"> $(document).ready(function(){ $(function(){ var _width = $(window).width(); if(_width>767){ $("a").css("cursor","pointer"); $("a").click(function(){ window.open(this.href);return false; }); } }); }); </script>
代码二,JS查找元素后替换属性:
$(document).ready(function(){ $(function(){ var _width = $(window).width(); if(_width>767){ $('.excerpt a').attr({target:"_blank"}); } }); });代码三,在标签内判断屏幕后设置HTML打开链接属性:
<base target="_blank" />
关键词:HTML5, PHP, JavaScript, jquery,屏幕宽度