jQuery betreibt URL-Adresse (mit Code)-js-Tutorial-php.cn

jQuery betreibt URL-Adresse (mit Code)

php中世界最好的语言

Freigeben： 2018-04-26 10:48:40

Original

3396 Leute haben es durchsucht

Dieses Mal bringe ich Ihnen die URL-Adresse des jQuery-Vorgangs (mit Code). Was sind die Vorsichtsmaßnahmen für die URL-Adresse des jQuery-Vorgangs?

path.makeUrlAbsolute() Relative URL in absolute URL konvertieren

jQuery.mobile.path.makeUrlAbsolute( relUrl, absUrl )

Nach dem Login kopieren

Methode zum Konvertieren relativer URL in absolute URL. Diese Funktion gibt einen String zurück, eine absolute URL.

relUrl: relative URL. Typ: Zeichenfolge.

absUrl: Absolute URL. Typ: Zeichenfolge.

<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>jQuery.mobile.path.makeUrlAbsolute demo</title>
 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css">
 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 <!-- The script below can be omitted -->
 <script src="/resources/turnOffPushState.js"></script>
 <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
 <style>
 #myResult{
  border: 1px solid;
  border-color: #108040;
  padding: 10px;
  }
 </style>
</head>
<body>
<p data-role="page">
 <p data-role="content">
  <p>The absoulte URL used is http://foo.com/a/b/c/test.html</p>
  <input type="button" value="file.html" id="button1" class="myButton" data-inline="true">
  <input type="button" value="../../foo/file.html" id="button2" class="myButton" data-inline="true">
  <input type="button" value="//foo.com/bar/file.html" id="button3" class="myButton" data-inline="true">
  <input type="button" value="?a=1&b=2" id="button4" class="myButton" data-inline="true">
  <input type="button" value="#bar" id="button5" class="myButton" data-inline="true">
  <p id="myResult">The result will be displayed here</p>
 </p>
</p>
<script>
$(document).ready(function() { 
  $( ".myButton" ).on( "click", function() { 
   var absUrl = $.mobile.path.makeUrlAbsolute( $( this ).attr( "value" ), "http://foo.com/a/b/c/test.html" ); 
  $( "#myResult" ).html( absUrl );
 }) 
});
</script>
 
</body>
</html>

Nach dem Login kopieren

path.get() bestimmt den Verzeichnisteil in der URL

jQuery.mobile.path.get( url )

Nach dem Login kopieren

url: nur ein Parameter. Typ: Zeichenfolge.

Eine praktische Möglichkeit, den Verzeichnisteil einer URL zu bestimmen. Wenn die URL keine Schrägstriche enthält, wird dieser Teil der URL als Datei betrachtet. Diese Funktion gibt den Verzeichnisteil einer bestimmten URL zurück.

<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>jQuery.mobile.path.get demo</title>
 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css">
 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 <!-- The script below can be omitted -->
 <script src="/resources/turnOffPushState.js"></script>
 <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
 <style>
 #myResult{
  border: 1px solid;
  border-color: #108040;
  padding: 10px;
  }
 </style>
</head>
<body>
 
<p data-role="page"> 
 <p data-role="content">
  <input type="button" value="http://foo.com/a/file.html" id="button1" class="myButton" data-inline="true" />
  <input type="button" value="http://foo.com/a/" id="button2" class="myButton" data-inline="true" />
  <input type="button" value="http://foo.com/a" id="button3" class="myButton" data-inline="true" />
  <input type="button" value="//foo.com/a/file.html" id="button4" class="myButton" data-inline="true" />
  <input type="button" value="/a/file.html" id="button5" class="myButton" data-inline="true" />
  <input type="button" value="file.html" id="button6" class="myButton" data-inline="true" />
  <input type="button" value="/file.html" id="button7" class="myButton" data-inline="true" />
  <input type="button" value="?a=1&b=2" id="button8" class="myButton" data-inline="true" />
  <input type="button" value="#foo" id="button9" class="myButton" data-inline="true" />
  <p id="myResult">The result will be displayed here</p>
 </p>
</p>
<script>
$(document).ready(function() { 
  $( ".myButton" ).on( "click", function() { 
   var dirName = $.mobile.path.get( $( this ).attr( "value" ) ); 
  $( "#myResult" ).html( String( dirName ) );
 }) 
});
</script>
 
</body>
</html>

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Wie man mit Seitenankerfehlern im Iframe umgeht

Detaillierte Erläuterung der Schritte zum Erhalten des Dokumentobjekt im Iframe

Das obige ist der detaillierte Inhalt vonjQuery betreibt URL-Adresse (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!