web 打开链接的几种方式

最新推荐文章于 2024-07-21 08:45:00 发布

调皮的芋头

最新推荐文章于 2024-07-21 08:45:00 发布

阅读量1.3k

点赞数

分类专栏： javascript 文章标签：打开链接

javascript 专栏收录该内容

140 篇文章 0 订阅

订阅专栏

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;
};