Browser springen zueinander und übergeben Parameter (Code im Anhang)-js-Tutorial-php.cn

Browser springen zueinander und übergeben Parameter (Code im Anhang)

php中世界最好的语言

Freigeben： 2018-05-08 13:47:58

Original

1446 Leute haben es durchsucht

Dieses Mal bringe ich Browser dazu, zueinander zu springen und Parameter zu übergeben (mit Code). Was sind die Vorsichtsmaßnahmen für Browser, die zueinander springen und Parameter übergeben? , lasst uns einmal einen Blick darauf werfen.

eins.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.slim.js"></script>
</head>
<body>
<input type="text" class="keyword"/>
<button id="searchBtn">点击</button>
<script type="text/javascript">
  $("#searchBtn").click(function() {
    var searchText = jQuery.trim($(".keyword").val());
    var searchUrl = encodeURI("two.html?searchText=" + searchText); //使用encodeURI编码
    location.href = searchUrl;
  })
</script>
</body>
</html>

Nach dem Login kopieren

zwei.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.slim.js"></script>
</head>
<body>
<input type="text" class="keyword1"/>
<script type="text/javascript">
  //获取 上一个搜索页面传来的参数 
  var searchUrl = window.location.href;
  var searchData = searchUrl.split("="); //截取 url中的“=”,获得“=”后面的参数
  var searchText = decodeURI(searchData[1]); //decodeURI解码
  $(".keyword1").val(searchText);
</script>
</body>
</html>

Nach dem Login kopieren

Laufendes Ergebnis:

Ich glaube, Sie werden das lesen Fall in diesem Artikel Sie beherrschen die Methode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Wie man mit Flackern umgeht, wenn Vue rendert

JS implementiert die Funktion des Austauschs von Links und Links richtige Listen

Das obige ist der detaillierte Inhalt vonBrowser springen zueinander und übergeben Parameter (Code im Anhang). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!