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

原创设计定制开发

满足您的个性化需求

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

html页面跳转传参

周明亮| 发布于 2021-10-26 19:57:59| 653阅读| 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>