html如何点击按钮跳转页面后修改跳转过后的页面的颜色求代码

Posted 2023-05-07

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html如何点击按钮跳转页面后修改跳转过后的页面的颜色求代码相关的知识，希望对你有一定的参考价值。

既然页面已经跳转，那么先前页面中的js已经不起作用了，只能在新跳转的页面里改变颜色。如果不用location.href跳转，而是用window.open，可以改原页面也可以改新页面参考技术A a:visited color:red;

用visited属性可以改变链接访问后的样式，只要不清楚浏览器缓存，就一直显示访问后的样式参考技术B 简单用get方式，为了方便就写jquery了
页面1(a.html)：写一个点击事件，跳转页面
$('a').click(function()
location.href = 'b.html?color=red';
);
页面2(b.html)：
var color = location.search.substr(1).split('=')[1];
$('body').css('background',color);追问

第二个页面怎么调用你写的这些呢？

追答

location.search.substr(1)；
获取当前路径中？后面的信息
location.search.substr(1).split('=')[1];
获取red值

参考技术C <style>
a:visited color:blue;
</style>本回答被提问者和网友采纳

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")

参考技术A 可以用html中的a标签(xxx.html就是要跳转的链接)：

1

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

可以用js进行跳转：

1

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

以上两种方式达到的效果是一样的. 参考技术B

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>

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

$(document).ready(function()

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

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

);

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

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

);