03. JS Location

Τοποθεσία παραθύρου JavaScript


Το window.locationαντικείμενο μπορεί να χρησιμοποιηθεί για τη λήψη της τρέχουσας διεύθυνσης σελίδας (URL) και για την ανακατεύθυνση του προγράμματος περιήγησης σε μια νέα σελίδα.


Τοποθεσία παραθύρου

Το window.locationαντικείμενο μπορεί να γραφτεί χωρίς το πρόθεμα του παραθύρου.

Μερικά παραδείγματα:

  • window.location.href επιστρέφει το href (URL) της τρέχουσας σελίδας
  • window.location.hostname επιστρέφει το όνομα τομέα του web host
  • window.location.pathname επιστρέφει τη διαδρομή και το όνομα αρχείου της τρέχουσας σελίδας
  • window.location.protocol επιστρέφει το χρησιμοποιούμενο πρωτόκολλο ιστού (http: ή https:)
  • window.location.assign() φορτώνει ένα νέο έγγραφο

Τοποθεσία παραθύρου Href

Η window.location.hrefιδιότητα επιστρέφει τη διεύθυνση URL της τρέχουσας σελίδας.

Παράδειγμα

Εμφάνιση της href (URL) της τρέχουσας σελίδας:

document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;

Το αποτέλεσμα είναι:

Δοκιμάστε τον εαυτό σας »


Όνομα κεντρικού υπολογιστή παραθύρου

Η ιδιότητα window.location.hostname επιστρέφει το όνομα του οικοδεσπότη διαδικτύου (της τρέχουσας σελίδας).

Παράδειγμα

Εμφάνιση του ονόματος του κεντρικού υπολογιστή:

document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;

Το αποτέλεσμα είναι:

Δοκιμάστε τον εαυτό σας »


Όνομα διαδρομής τοποθεσίας παραθύρου

Η ιδιότητα window.location.pathname επιστρέφει το όνομα διαδρομής της τρέχουσας σελίδας.

Παράδειγμα

Εμφάνιση του ονόματος διαδρομής της τρέχουσας διεύθυνσης URL:

document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;

Αποτέλεσμα είναι:

Δοκιμάστε τον εαυτό σας »


Πρωτόκολλο τοποθεσίας παραθύρου

Η ιδιότητα window.location.protocol επιστρέφει το πρωτόκολλο ιστού της σελίδας.

Παράδειγμα

Εμφάνιση του πρωτοκόλλου ιστού:

document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;

Το αποτέλεσμα είναι:

Δοκιμάστε τον εαυτό σας »


Θύρα εντοπισμού παραθύρου

Η window.location.portιδιότητα επιστρέφει τον αριθμό της θύρας κεντρικού υπολογιστή στο διαδίκτυο (της τρέχουσας σελίδας).

Παράδειγμα

Εμφάνιση του ονόματος του κεντρικού υπολογιστή:

document.getElementById("demo").innerHTML =
"Port number is " + window.location.port;

Το αποτέλεσμα είναι:

Δοκιμάστε τον εαυτό σας »

Τα περισσότερα προγράμματα περιήγησης δεν εμφανίζουν προεπιλεγμένους αριθμούς θύρας (80 για http και 443 για https)


Παράθεση τοποθεσίας παραθύρου

Η μέθοδος window.location.assign() φορτώνει ένα νέο έγγραφο.

Παράδειγμα

Φόρτωση νέου εγγράφου:

<html>
<head>
<script>
function newDoc() {
  window.location.assign("https://tutorial.smartom.gr")
}
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>

Δοκιμάστε το »


Days
Hours
Minutes

03. JS Location

Κοινοποίηση

Share on facebook
Share on twitter

Ακολουθήστε μας

Αρέσει σε %d bloggers: