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

Posted 2023-03-28

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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","你要显示的页面路径");

);

</script>

</head>

<body>

</body>

</html>

winform 点击删除按钮后只删除页面数据而不删除数据库数据，点击保存按钮后删除数据库数据咋实现，求教

一种你可以想上面小哥说的用数据存储字段的方法。
第二种你可以点击删除的时候，数据的id存储起来，可以是一个label等。然后重新读取下数据把存储在label的数据都排除sql=sql+“ and id not in("+label.text+")”，想这样！但你点击确定后在直接delete。
如果有什么不懂的地方可以HI百度我~~~追问

能用例子说明下吗？

追答

比如我数据库有三个参数id分别为 1 ， 2 ，3
当我点击删除的时候，
label.text = label.text + “1,”；

确认的时候在使用删除语句
delete 表 where id in（label.text）

来自：求助得到的回答参考技术A 在数据库的数据表里曾加一个字段，来确定是否显示在页面。
比如这个字段的为bool，当为true是在页面显示，false是不显示。
当你点击删除按钮时，是把true改为false，
但点击保存按钮时是彻底的删除追问

举例说明下可以吗