大家好，又见面了，我是全栈君。
5.淘宝首页须要实现这样一个功能。对于页面上非taobao.com域名下的链接。在用户点击时，须要在链接处弹出提示框，提示用户此链接非淘宝域名下的链接。并给与用户选择是否继续訪问。假设用户确认继续訪问，则在新窗体打开链接。请写出对应的代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<a href="http://www.taobao.com">taobao.com</a>
<a href="http://www.taobao.com">taobao.com</a>
<a href="http://www.sina.com">www.sina.com</a>
<script type="text/javascript">
(function(){
var hrefs = document.getElementsByTagName("a");
for(var i = 0, len = hrefs.length; i<len; i++){
var href = hrefs[i].getAttribute("href");
hrefs[i].onclick = function(href){
return function(){
var reg = new RegExp("http://www.taobao.com");
if(reg.exec(href)){
return true;
}else{
return window.confirm(href + "非本地网站。是否继续？");
}
}
}(href);
}
})();
</script>
</body>
</html>
还有一种方法，对事件进行处理。
这样做的优点是避免了对每个a标签进行逐个绑定。节省了时间开销。另外代码更简洁。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<a href="http://www.taobao.com">taobao.com</a>
<a href="http://www.taobao.com">taobao.com</a>
<a href="http://www.sina.com">www.sina.com</a>
<script type="text/javascript">
(function(){
var b=document.body;
var reg=new RegExp("http://www.taobao.com");
function doClick(event){
if(event.target.tagName=='A'){
event.preventDefault(); //阻止a标签的默认行为即跳转
var href = event.target.href;
if(reg.exec(href)){
location.href=href;
}else{
if(window.confirm(href + "非本地网站。是否继续？")){
location.href=href;
}
}
}
}
b.onclick=doClick;
})();
</script>
</body>
</html>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/116031.html原文链接：https://javaforall.net
