Heim > Artikel > Web-Frontend > jQuery betreibt URL-Adresse (mit Code)
jQuery betreibt URL-Adresse (mit Code)
- php中世界最好的语言Original
- 2018-04-26 10:48:403354Durchsuche
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 )
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>
path.get() bestimmt den Verzeichnisteil in der URL
jQuery.mobile.path.get( url )
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>
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!