html如何点击按钮跳转页面,并且更改跳转过后页面中某些标签的样式 求类似的案例代码 急
跳转好实现
<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
1
<a href="xxx.html">跳转链接</a>
可以用js进行跳转:
1
<button onclick="window.location.href='xxx.html'">点击跳转</button>
以上两种方式达到的效果是一样的.
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>