想找一个脚本,希望大大们不惜赐教。分数不多,全部奉上!需要一个能够判断的脚本,在链接的时候判断一下,当电脑屏幕分辨率的高度小于等于768的时候,能在链接上面加上(target="_top")这个代码
当电脑屏幕分辨率的高度大于768的时候,链接正常,不需要加上(target="_top")代码例如:第一页面(play.html)简单代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>求助</title>
</head><body>
<div></div>
<div><iframe scrolling="no" frameborder="0" width="1000" height="768" src="test.html"></iframe></div>
</body>
</html>第二页面(test.html)简单代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>求助</title>
</head><body>
<div><a href="#">文字连接1</a></div>
<div><a href="#">文字连接2</a></div>
<div><a href="#">文字连接3</a></div>
<div><a href="#">文字连接4</a></div>
......
<div><a href="#">文字连接N</a></div>
</body>
</html>当屏幕分辨率的高度小于等于768的时候,第二页面的链接方式变成如下格式:<a href="#" target="_top">文字连接</a>
当屏幕分辨率的高度大于768的时候,第二页面的链接方式保持原来样子:<a href="#">文字连接</a>
当电脑屏幕分辨率的高度大于768的时候,链接正常,不需要加上(target="_top")代码例如:第一页面(play.html)简单代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>求助</title>
</head><body>
<div></div>
<div><iframe scrolling="no" frameborder="0" width="1000" height="768" src="test.html"></iframe></div>
</body>
</html>第二页面(test.html)简单代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>求助</title>
</head><body>
<div><a href="#">文字连接1</a></div>
<div><a href="#">文字连接2</a></div>
<div><a href="#">文字连接3</a></div>
<div><a href="#">文字连接4</a></div>
......
<div><a href="#">文字连接N</a></div>
</body>
</html>当屏幕分辨率的高度小于等于768的时候,第二页面的链接方式变成如下格式:<a href="#" target="_top">文字连接</a>
当屏幕分辨率的高度大于768的时候,第二页面的链接方式保持原来样子:<a href="#">文字连接</a>
在页面加载的时候获取到屏幕高度>=768的时候就把target="_top"
设为空就是了
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>求助</title>
<script type="text/javascript">
window.onload = function()
{
if(window.screen.height<=768)
{
var allHTML = document.body.innerHTML; //取所有body内的内容。也可以只取你需要加的a标签
var reg = /(<a[^>]*)(>.*?<\/a>)/gi;
document.body.innerHTML = allHTML.replace(reg,"$1 target='_top'$2");
}
}
</script>
</head><body>
<div><a href="#">文字连接1</a></div>
<div><a href="#">文字连接2</a></div>
<div><a href="#">文字连接3</a></div>
<div><a href="#">文字连接4</a></div>
......
<div><a href="#">文字连接N</a></div>
</body>
</html>
如果只取需要的内容中,怎么弄?现在又出现这个问题了,不知道谁能在帮忙解答一下,谢谢啦!!
页面所有链接:document.links
if(window.screen.height>768){
var arr=document.links;
for(var i=arr.length-1;i>=0;i--){
arr[i].setAttribute('target','_top');
}
}