web 打开链接的几种方式

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>

 

 

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

 

 

你可能感兴趣的:(打开链接)