In this article we will discuss about popup window and closing it. To open a window by using window.open(). The window.open() has as 4 optional parameters.
Syntax:
window.open(URL, name, features, replace)
URL: URL is to open a page, if it is not specified a new window will open it should be blanked.
- Name: It is a target attribute or the name of the window.
- _blank URL is loaded in a new window.
- _parent URL is loaded into a parent frame
- _self URL replaces the current page
- _top URL replaces any framesets that may be loaded
Features: The postion of the window where to locate top, left and also has features such as resizable,scrollbars,,heights etc.
Replace: It specifies the URL is new entry or to replaces old entry as new entry. It will work if the url is loaded into the same window. It has two properties true or false.
Example:
<input type="button" value="Open popup" onclick="openPopup()" />
<input type="button" value="Close popup" onclick="closePopup()" />
<script type="text/javascript">
var popup;
function openPopup() {
popup =window.open("http://google.com", "My Window", "height=300,width=300")
}
function closePopup() {
popup.close();
}
</script>
Output:
Post your comments / questions
Recent Article
- How to use if else statement in c++?
- How to use godaddy domain name with another godaddy hosting account?
- Restore of database 'DATABASE' failed. (Microsoft.SqlServer.Management.RelationalEngineTasks)
- How to programmatically modifying the AppSetting value in web.config using c#?
- TypeError [ERR_INVALID_CALLBACK]: Callback must be a function. Received undefined
- How to calculate the age from jQuery ui datepicker using c#?
- How to calculate days difference between two dates in c#?
- Changing date format in jQuery ui datepicker
Related Article