HTML DOM Location port Property

HTML DOM Location port Property

Last Updated : 14 Jun, 2023

The HTML DOM Location Port property returns or sets the port number of the current URL.

Syntax:

Get the port property:
Set the port property:

Property Value:

A String, to be assigned as a port

Return Value:

A String represents the port number of a URL.

Example: In this example, we will use the HTML DOM Location Port.

HTML

<!DOCTYPE html>
<html>
  
<body>
    <h2>GeeksforGeeks</h2>
    <p id="demo"></p>
    <p><b>Note: </b>If the port number is default
        (80 for http and 443 for https),
        most browsers will display 0 or nothing.
    </p>
    <script>
        const url = document.createElement('a');
        url.setAttribute('href', 'http://example.com:12345/gfg');
        <!-- Return Location port Property -->
        window.alert("The URL port number of the current page is: "
            + url.port);
    </script>
</body>
</html>

Output:

Supported Browsers:

Google Chrome 1
Edge 12
Internet Explorer 3
Firefox 1
Opera 12.1
Safari 1

HTML DOM Location port Property

K

KV30

Improve

Article Tags :

Similar Reads

HTML DOM Style border Property

The HTML DOM Style border Property is used to set or return the style of an element's border. We can set the different styles of the border for individual sides (top, right, bottom, left). The border-style property can take multiple values for each side.Â SyntaxIt is used to return the Style Propert

HTML DOM Span Object

The DOM span object is used to represent the HTML <span> element. The span element can be accessed by using the getElementById() method. Syntax: document.getElementById("id"); Where 'id' is the ID assigned to the span tag. Example 1: In the below program the content inside the span element is

HTML DOM Input Button Object

The DOM Input Type Button Object is used to represent the HTML <input> element with type="button". The Input Type Button element is accessed by getElementById(). Syntax: document.getElementById("ID"); Where â€œidâ€ is the ID assigned to the â€œinputâ€ tag. Example 1: In this example, we will see the

HTML DOM Address Object

The DOM address object is used to represent the HTML <address> element. The address element can be accessed using the getElementById() method. Syntax: document.getElementById("id"); Where â€˜idâ€™ is the ID assigned to the address tag. Example 1: In the below program the address element is accesse

HTML DOM dl Object

The DOM dl object is used to represent the HTML <dl> element. The dl element can be accessed using the getElementById() method. The dl is used to create a description list in HTML. Syntax: document.getElementById("id"); Where â€˜idâ€™ is the ID assigned to the dl tag. Example 1: In the below progr

HTML | DOM DT Object

The DOM dt object is used to represent the HTML <dt> element. The dt element can be accessed using the getElementById() method. Syntax: document.getElementById("id"); Where â€˜idâ€™ is the ID assigned to the dt tag. Example-1: html <!DOCTYPE html> <html> <body> <h1 style =

HTML | DOM Style borderTopColor Property

The borderTopColor property allows us to set/get the color of top border of element. Syntax: It returns the borderTopColor property. object.style.borderTopColorIt is used to set the borderTopColor property. object.style.borderTopColor = "color|transparent|initial| inherit" Return Value:The borderTop

HTML DOM Style borderLeftColor Property

The borderLeftColor property in HTML DOM allows us to set/get the color to the left border of an element.Â Syntax:Â It is used to return the borderLeftColor property.Â object.style.borderLeftColorIt is used to set the borderLeftColor property.Â object.style.borderLeftColor = "color | transparent | ini

HTML DOM Paragraph Object

The DOM paragraph object is used to represent the HTML <p> element. The p element is accessed by getElementById(). Syntax: document.getElementById("id"); Where â€˜idâ€™ is the ID assigned to the p tag. The below programs illustrate the p object: Property Values align: It is used to set or return t

HTML DOM Label Object

The DOM Label Object is used to represent the <label> element. The Label element is accessed by getElementById(). Properties: control: It is used to return the labeled control.form: It is used to return the address of the form that contains the label.htmlFor: It is used to set or return the va