Heim > Web-Frontend > js-Tutorial > Hauptteil

js grundlegende Eingabefunktion

不言
Freigeben: 2018-03-31 11:42:32
Original
1177 Leute haben es durchsucht

Dieser Artikel stellt Ihnen die grundlegenden Einstiegsfunktionen von js vor. Er ist detaillierter und einfacher. Freunde in Not können einen Blick darauf werfen


1: Funktionsmethode :


Funktion: Kapseln Sie ein Stück Code! Dieser Code implementiert eine bestimmte Funktion. Wenn diese Funktion benötigt wird, wird die Funktion aufgerufen.


Java:


Methodenname des Modifikator-Rückgabetyps ( Datentyp-Variablenname, mehrfach){


Methodenkörper;


>

js

Funktionsfunktionsname (Parameterliste) {
Funktionskörper;


Funktionsdetails:

1. Die Funktion muss nach dem Aufruf ausgeführt werden.

2. Wenn die Funktion einen Rückgabewert hat, verwenden Sie einfach die von return zurückgegebenen Daten direkt im Funktionskörper. Für Funktionen in JS gibt es keine Einschränkung des Rückgabewerttyps.

3. Wenn die Funktion Parameter empfangen muss, schreiben Sie den Variablennamen direkt ohne das Schlüsselwort var.

4. Es gibt kein Konzept der Funktionsüberladung in JS. Wenn es in JS mehrere Funktionen mit demselben Namen gibt, werden die vorherigen Funktionen überschrieben.

5. Wenn eine Funktion in JS Parameter akzeptieren muss, diese aber nicht übergibt, sind alle Variablen undefiniert

6 Unabhängig davon, ob die Funktion in JS Parameter akzeptiert oder nicht, Wenn wir es aufrufen, können ihm Parameter übergeben werden.

7. Es gibt einen integrierten Array-Parameter (Argumente) in der Funktion in JS, um alle übergebenen Daten zu empfangen. Dieser Parameter ist eigentlich ein Array-Objekt.

Hinweis: Wenn Sie später eine Funktion in JS verwenden und Parameter akzeptieren müssen, definieren Sie die Variablen für die Funktion. Wenn nicht, definieren Sie sie nicht. Array-Operationen werden selten verwendet.

Binden Sie eine Methode:

<script type="text/javascript">
		//定一个函数----求和
		//1.在js中,参数列表中,不能书写var 。 如果一个函数需要参数,直接去定义一个参数的名字就可以了
		//2.函数,一定要被调用才可以去执行。 调用的方式: 函数名(); 
		//3.如果函数需要返回值,直接在函数中去书写return;
		//4.在js中没有重载的概念的。如果函数名相同,后面的会把前面的进行覆盖。
		/* function sum(a , b ){
			alert(a+b);
		}
		 	sum(2,3);//方法不调用,不执行
		 	 */
// 	======================================================	 	 
		 /* function sum(a , b ){
		 		return a+b;
		 	}
		 	var s = sum(2,5) ; // 如果需要返回值,就直接return 	
		 	alert(s); */
// =============================================================		 	
		 	function sum(a , b ){
		 		alert(1);
		 		return a+b ;
		 	}
		 	
			function sum(a , b ,c ){  //js中没有重载的含义,如果方法名相同,那么后面的会把前面的覆盖
		 		alert(2);
		 		return a+b ;
		 	}
		 	
		 	var s = sum(2,4);//按java来说两个参数应该会去调两个参数的
		 	alert(s);
	</script>
Nach dem Login kopieren

1.2 Die zweite Möglichkeit, eine Funktion zu definieren:

Schreiben: var Funktionsname = new
Funktion
("Parameterliste", "Funktionskörper");

Der erste Parameter stellt die Parameterliste dar

Der zweite Parameter stellt den Funktionskörper dar.

Die Funktionsliste und der Parameterkörper sind beide als Zeichenfolgen definiert.

Schreibfunktionen sind zu komplex, daher verwenden Entwickler selten


1.3 Die dritte Möglichkeit, eine Funktion zu definieren: anonyme Funktion:
Schreiben:


function(参数列表){


函数体;





事件:可以理解为一些行为或者动作。如果该行为或者动作有意义,需要我们去做一些事情,此时可以通过事件去调用js中的函数,实现某些功能。


<html>
  <head>
    <title>18函数的第三种定义方式.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript">
		/*  
			1、页面的加载顺序
			2、事件: 一个动作或者是一个操作。
			3、window.onload === 表示 页面加载完毕 会触发
			4、如何为事件去绑定一个函数   对象.事件名=function(){}
		*/
	
	/* // 此时相当于给函数一个名字,demo
	   var demo = function(){
			alert("demo");
		}
		//正常的方式函数名()去调用
	   demo(); */
	  // window.onload 表示一个事件。 表示当前的页面全部加载完成。
	  /*  
	  		考虑js的执行顺序。或者html的页面的加载顺序。
	  		浏览器加载页面的时候,从上向下,逐步的去加载
	  */
	  // 事件: 理解为一件事,或这是一个动作。 例如按钮,点击的时候。
	  
	  alert("window.onload 之前");
	  	// 函数的第三中定义方式,通常与一个事件进行绑定使用。
	  window.onload =  function(){
		alert("demo");
     	  		// 1、把按钮的标签获取到 --document.getElementById根据标签的id的属性,获取当前标签
		  var _button = document.getElementById("b1");
		  // 对象.事件名 = function(){}
		  _button.onclick = function(){
		  		alert("您点击了按钮");
		  }

	  }
	</script>
  </head>
  
  <body>
  	<h1>这是h1</h1>
  	<input type="button" id="b1" value="按钮">
  </body>
</html>
Nach dem Login kopieren

1.4全局函数:



js为我们提供了几个全局函数。我们可以直接使用的函数。



url:统一资源定位符

http://www.baidu.com/s/fasdf/basdf

http:// 协议:

www  万维网。 主机名

.baidu.com 域名

/s/fasdf/basdf ---- 资源路径。(资源:互联网中存在的一些文件或者是程序。 例如:html页面。 图片,视频,音频。。。。)

uri:统一资源标识符

/s/fasdf/basdf   uri实际上就是一个资源路径。

url 是一种具体的uri 。所以uri的表示范围大于url。(相对来说)

uri 的编码。浏览的地址栏中的内容,会提交到一个服务器。 涉及到http协议 。 不支持中文在url的存在。 需要进行uri的编码。



相关推荐:

掌握js函数

进一步了解js函数

js函数和变量的提升及闭包讲解

Das obige ist der detaillierte Inhalt vonjs grundlegende Eingabefunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage