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

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

跳转好实现

<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页面里根据是否传了这参数来决定更改某些标签的样式

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7159811.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存