suchen

Heim  >  Artikel  >  Web-Frontend  >  Browser springen zueinander und übergeben Parameter (Code im Anhang)

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

php中世界最好的语言
php中世界最好的语言Original
2018-05-08 13:47:581473Durchsuche

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>

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>

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Welche Schritte sind erforderlich, um ModelAndView mit js zu erhalten?Nächster Artikel：Welche Schritte sind erforderlich, um ModelAndView mit js zu erhalten?

In Verbindung stehende Artikel

Mehr sehen