JS设置不同屏幕宽度链接打开方式不同

发布时间:2015-09-22 15:11 | 人气数:1226
设置屏幕宽度大于767PX时,所有链接在新窗口打开。小的屏幕如手机页面在原窗口打开方法:

代码一,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,屏幕宽度