>  기사  >  웹 프론트엔드  >  js 기본 입력 기능

js 기본 입력 기능

不言
不言원래의
2018-03-31 11:42:321151검색

이 글에서는 js의 기본 소개 기능을 좀 더 자세하고 기본적으로 소개합니다. 필요한 친구들은 한 번 살펴보세요.


1: 기능 방법:


기능: 섹션 캡슐화 암호! 이 코드는 특정 기능을 구현합니다. 이 기능이 필요할 때 해당 기능이 호출됩니다.


java:


수정자 반환 유형 메소드 이름(데이터 유형 변수 이름, 다중) {


메소드 본문;



1.1 함수를 정의하는 첫 번째 방법:


js
함수 함수 이름(매개변수 목록) {

함수 본문

함수 세부 정보:

1 . 함수는 호출된 후에 실행되어야 합니다.

2. 함수에 반환값이 있는 경우 return으로 반환된 데이터를 함수 본문에 직접 사용할 수 있습니다. JS의 함수에는 반환값 유형의 제한이 없습니다.

3. 함수가 매개변수를 받아야 하는 경우 var 키워드 없이 변수 이름을 직접 작성하세요.
4. JS에는 동일한 이름의 함수가 여러 개 있으면 이전 함수를 덮어쓰게 된다는 개념이 없습니다.

5. JS에서 함수가 매개변수를 허용해야 하지만 전달하지 않으면 모든 변수가 정의되지 않습니다.

6 JS의 함수가 매개변수를 허용하는지 여부에 관계없이 매개변수를 전달할 수 있습니다. 전화해.

7. JS의 함수에는 전달된 모든 데이터를 받기 위한 내장 배열(인수) 매개변수가 있습니다. 인수를 사용하면 이 매개변수는 실제로 배열 객체 자체입니다.

참고: 나중에 JS에서 함수를 사용하고 매개 변수를 허용해야 하는 경우 함수에 변수를 정의하세요. 필요하지 않으면 인수 배열 작업을 거의 사용하지 마세요.

<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>

메서드 바인딩:

1.2 함수를 정의하는 두 번째 방법:

작성: var 함수 이름 = new
함수

("매개변수 목록", "함수 본문");

첫 번째 매개변수는 매개변수 목록을 나타냅니다.

두 번째 매개변수는 함수 본문을 나타냅니다.

함수 목록과 매개변수 본문은 모두 문자열로 정의됩니다.


함수 작성이 너무 복잡해서 개발에서는 거의 사용하지 않습니다
1.3 함수를 정의하는 세 번째 방법: 익명 함수:


글쓰기 :


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>

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函数和变量的提升及闭包讲解

위 내용은 js 기본 입력 기능의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.