web 打开链接的几种方式
网页中如何打开链接呢?
有如下几种方式:
(1)a 标签
使用a 标签的href属性,这是最常规的方法,此处不赘述.
实例:
<a href="http://www.csdn.net">常规的链接</a>
这种方式没有使用js
(2)js 使用window.open
实例:
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">
$(function(){
if($("#intro").length > 0){
$('#intro').click(function(){
cleanUpDefaultEvent(event);
window.open("http://hw1287789687.iteye.com/");
});
}
})
</script>
</head>
<body>
<a id="intro" href="javascript:void(0)" target="_self">功能介绍</a>
</body>
</html>
为什么要使用cleanUpDefaultEvent方法?
为了删除a的默认行为,a标签的默认行为就是跳转.
如果不删除a的默认行为,就会出现问题,参考:http://hw1287789687.iteye.com/blog/2310000
(3)方式三:不使用a 标签
<div class="pay-btn" id="myappBtn" style="display: inline-block;text-align: center;float: left;margin-top: 6px;border-radius: 2px;" >已开通应用</div>
$('#myappBtn').click(function(){
window.open("http://inte-workbench.chanjet.com/myapp/list?orgId=" + APP.pageParams.orgId );
});
cleanUpDefaultEvent 实现如下
/***
* prevent browser default event handler
* @param event
*/
var cleanUpDefaultEvent = function cleanUpDefaultEvent(event) {
event = event || window.event || arguments.callee.caller.arguments[0];
if (event.preventDefault) {//IE not have
event.preventDefault();
}
event.returnValue = false;
};