html如何点击按钮跳转页面,并且更改跳转过后页面中某些标签的样式 求类似的案例代码 急

 我来答
百度网友0ba9ea42f
2016-08-08 · TA获得超过240个赞
知道小有建树答主
回答量:151
采纳率:0%
帮助的人:173万
展开全部

跳转好实现

<input type="button" value="点此跳转" onclick="goUrl()"/>
<script type="text/javascript">
    function goUrl() {
        location.href = "http://aaa.com/B.jsp?ischange=1";
    }
</script>

但是你想要直接更改跳转之后的页面样式,那样是行不通的,比如,你从A页面跳转到B页面,这时候浏览器已经重新加载成B页面了,所以A页面里的JS已不存在。

变通办法,跳转时加个参数,比如B.jsp?ischange=1,然后在B页面里根据是否传了这参数来决定更改某些标签的样式

追问
谢谢,但是该如何在B页面里判断呢?就是怎么在B页面里写方法判断?因为我对JS不熟悉,如果能有相应的展示代码,感激不尽
追答

假设跳转后的B页面如上次回答所示 B.jsp?ischange=1,那么在B页面可以如下解析:

function getQuery(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]); return null;
    }
    if (getQuery("ischange") == 1) {
        //执行更改标签颜色的操作,如:
        //$(".classname").css("color","#f00")
    }
匿名用户
2016-08-08
展开全部
可以用html中的a标签(xxx.html就是要跳转的链接):

1

<a href="xxx.html">跳转链接</a>

可以用js进行跳转:

1

<button onclick="window.location.href='xxx.html'">点击跳转</button>

以上两种方式达到的效果是一样的.
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
思念是一种醉过
高粉答主

2018-04-13 · 每个回答都超有意思的
知道大有可为答主
回答量:224
采纳率:100%
帮助的人:4.2万
展开全部

1、跳转页面实现方法:

123456<input type="button" value="点此跳转" onclick="goUrl()"/><script type="text/javascript">    function goUrl() {        location.href = "http://aaa.com/B.jsp?ischange=1";    }</script>。

2、标签的样式更改不了。

示例如下:

<html>


<head>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs


/jquery/1.4.0/jquery.min.js"></script>



<script type="text/javascript">


$(document).ready(function(){


$("#button1").click(function(){


$("#objPage").attr("src","你要显示的页面路径");


});


$("#button2").click(function(){


$("#objPage").attr("src","你要显示的页面路径");


});


});


</script>


</head>



<body>


<button id="button1"></button>


<button id="button2"></button>


<div id="objPage"></div>


</body>


</html>

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式