JS设置不同屏幕宽度链接打开方式不同
发布时间:2015-09-22 15:11 | 人气数:1401
设置屏幕宽度大于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,屏幕宽度



