15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 H5

html页面跳转传参

周明亮| 发布于 2021-10-26 19:57:59| 532阅读| 0点赞| 0评论
举报

在页面跳转的同时进行传参,然后在新页面进行判断

<script type="text/javascript">
  $("#searchBtn").click(function() {
    // 跳转地址和参数
    var searchUrl = encodeURI("新闻中心.html?searchText=ying"); 
    location.href = searchUrl;
  })
  
script>

另一个页面接受

<script type="text/javascript">
		  //获取 上一个页面传来的参数 
		  var searchUrl = window.location.href;            //获取长度
		  var n1 = searchUrl.length;            //从=号开始取值
		  var n2 = searchUrl.indexOf("=");
		  var id = decodeURI(searchUrl.substr(n2+1, n1-n2));
		  // console.log(id)            //然后进行判断实现不同的效果
		  if(id == 'ying'){
			  window.onload = function() { 
				  $('#zhongwen').hide()
				  $('#yingwen').show()
			  }; 
		  }else{
			  window.onload = function() {
				  $('#zhongwen').show()
				  $('#yingwen').hide()
			  }; 
		  }
		script>
0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

周明亮
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部