Home > Web Front-end > JS Tutorial > Summary of common methods of window object in JavaScript

Summary of common methods of window object in JavaScript

WBOY
Release: 2022-08-05 15:07:44
forward
2787 people have browsed it

This article brings you relevant knowledge about javascript, which mainly introduces related issues about common methods of window objects, including alert, confrim, prompt, etc. Let’s talk about it together Take a look, hope it helps everyone.

Summary of common methods of window object in JavaScript

[Related recommendations: javascript video tutorial, web front-end

Window object method

  • alert() Pops up a warning dialog box

  • confrim() Displays the specified string in the confirmation dialog box

  • prompt() Pops up a prompt dialog box

  • open() Opens a new browser dialog box and displays the document referenced by the URL or name, and sets the properties of the created dialog box

  • close() Close the referenced dialog box

  • focus() Specify the dialog box to be placed at the front of all browsers

  • blur() Specifies the dialog box to be placed at the end of all browsers

  • scrollTo(x,y) Scrolls the dialog box to the specified coordinates

  • scrollBy(offsetx,offsety) Scrolls the dialog box according to the specified displacement

  • setTimeout(timer) Evaluates the passed expression after the specified number of milliseconds.

  • setInerval(interval) specifies periodic execution code

  • moveTo(x,y) moves the dialog box to the specified coordinates

  • moveBy(offsetx,offsety) Move the dialog box to the specified displacement

  • resizeTo(x,y) Set the size of the dialog box

  • resizeBy(offsetx,offsety) Sets the size of the dialog box according to the specified displacement

  • print() "Print"

  • navigate(URL) Use a dialog box to display the page specified by the URL

Examples are as follows:

1, open()

Format: window.open(URL,windowame)

URL: Target link address

Windowname: New window name

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象open方法</title>
<script>
	
</script>


	<script>
		window.open("http://www.nuc.edu.cn/");
	</script>

Copy after login

2. close()

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象open方法</title>
<script>
	
</script>


	<input>

Copy after login

3. confirm()

Display a dialog box with a message and a confirm button and a cancel button. (Press confirm to return true and press cancel to return false)

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象confirm方法</title>
<script>
	window.confirm("胡立群最帅");
</script>


	

Copy after login

4. prompt()

Display a dialogue that prompts the user for input Frame (press confirmation, return the input value)

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象prompt方法</title>
<script>
	window.prompt("请输入验证码");
</script>


	

Copy after login

## 5, SetInterval () # (calculated) to call a function or calculate an expression (in lay terms, set a few milliseconds to run the program)

Format: setInterval ('js code or function', the interval between executing the function or code)

<!--方法1-->
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setInterval方法</title>
<script>
	setInterval(&#39;test();&#39;,1000);
	function test(){
		alert("hello world")
	}
</script>


	





<!--方法2-->
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setInterval方法</title>
<script>
	setInterval(&#39;alert("hello world");&#39;,1000);
	
</script>


	

Copy after login

Summary of common methods of window object in JavaScript

6. clearInterval()

setInterval can keep looping. If you want to stop, you can use window.clearInterval( );

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setInterval方法循环取消方法--clearInterval</title>
<script>
	var 控制循环=setInterval(&#39;alert("hello world");&#39;,3000);
</script>


	<input>

Copy after login

7. setTimeout()

setTimeout and setInterval are both timers in JS. You can specify a delay time before executing a certain operation, the difference is that setTimeout stops after performing an operation after the specified time

Code embedded

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setTimeout方法</title>
<script>
	var 控制循环=setTimeout(&#39;alert("hello world");&#39;,3000);
</script>




Copy after login

Embedded functional

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setTimeout方法</title>
<script>
	var 控制循环=setTimeout(&#39;test()&#39;,3000);
	function test(){
		alert("hello world");
	}
</script>




Copy after login

8. clearTimeout()

Cancel the timeout set by the setTimeout method (stop setTimeout())

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setTimeout方法取消方法--clearTimeout</title>
<script>
	var 控制循环=setTimeout(&#39;test()&#39;,3000);
	function test(){
		alert("hello world");
	}
</script>


	<input>

Copy after login

[Related recommendations: javascript video tutorial, web front-end]

The above is the detailed content of Summary of common methods of window object in JavaScript. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:csdn.net
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template