Maison > Article > interface Web > js, exemple d'explication orienté objet

js, exemple d'explication orienté objet

小云云original: 2018-03-14 16:55:551083parcourir

Nous avons partagé avec vous beaucoup de connaissances sur js orienté objet. Cet article partage principalement avec vous l'explication des exemples js orientés objet, dans l'espoir d'aider tout le monde.

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body>
	<script type="text/javascript">
		function people(name,age){
			this.name = name;
			this.age = age;
		}
		son = new people("leo",30);
		document.write("name : "+son.name+" , age : "+son.age);
	</script>
</body>
</html>

1) String : Les chaînes peuvent utiliser des guillemets simples ou des guillemets doubles

1 Rechercher une chaîne dans une chaîne : indexOf() Il y a une position de retour (commençant à 0), elle n'existe pas Return -1

2 Correspondance du contenu : match()

3 Contenu de remplacement : replace("original","change")

4 Conversion de la casse de la chaîne enUpperCase ( )/toLowerCase()

5 Convertir la chaîne en tableau divisé()

Exemple :

var str1 = "hello oo";
var s = str1.split(" ");
document.write(s[1]);

2) Date

var Date = new Date();

document.write(date);

getFullYear() Obtenez l'année en cours

getTime() Obtenez les millisecondes

setFullYear( ) Définir l'heure

getHours() getMinutes() getSeconds()

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body onload="startTime()">
	<script type="text/javascript">
		function startTime(){
			var today = new Date();
			var h = today.getHours();
			var m = today.getMinutes();
			var s = today.getSeconds();
			m = checkTime(m);
			s = checkTime(s);
			document.getElementById("time").innerHTML = h+" : "+m+" : "+s;
			t = setTimeout(function(){
				startTime();
			},1000);
		}
		
		function checkTime(i){
			if(i<10){
				i="0"+i;
			}
			return i;
		}
	</script>
	<p id="time"></p>
</body>
</html>

Recommandations associées :

Exemples d'utilisation orientés objet JS

Explication détaillée des connaissances en héritage orienté objet JS

Explication détaillée de la programmation orientée objet JS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée des arguments en jsArticle suivant：Explication détaillée des arguments en js

Articles Liés

Voir plus