0
点赞
收藏
分享

微信扫一扫

使用jQuery控制网页<a>标签的跳转

捌柒陆壹 2022-03-30 阅读 46

有时候会需要在同一个<a>标签根据某些条件跳转到不同的界面

例如 不同用户身份操作不同界面时,老师和学生在同一个界面点击同一个链接跳转到不同的界面。

点击<a>标签链接后在jQuery中进行判断后在跳转。

不同方式的显示效果不同

​​​​​​​

 

四种方式:

<a id="aLink">方式1</a>
<a href="javascript:jump()">方式2</a>
<a onclick="jump()">方式3</a>
<a href="javascript:void(0);" onclick="jump">方式4</a>
<script src="js/jquery.min.js"></script>
<script> 
       /*方式1*/
$("#aLink").click(function() {

if(user="student")
	window.location.href="student.html";
else
    window.location.href="teacher.html";

})

/*方式2、3、4*/
 function jump(){

if(user="student")
    window.location.href="student.html";
else
    window.location.href="teacher.html";

		};
    </script>
举报

相关推荐

0 条评论