Maison  >  Article  >  interface Web  >  Explication du contenu lié à JavaScript

Explication du contenu lié à JavaScript

jacklove
jackloveoriginal
2018-06-11 18:08:172893parcourir

1. Introduction à JavaScript :

JavaScript est le langage de script le plus populaire sur Internet, et tout le HTML moderne utilise JavaScript. Puisqu'il s'agit d'un langage de script, il présente les trois caractéristiques suivantes :

(1) Type faible

(2) Langage de type interprété ; (pas besoin de compiler);

(3) Exécution ligne par ligne, si une ligne de code est erronée, les blocs de code suivants ne continueront pas à s'exécuter

(4) La balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a peut être directement intégrée dans le fichier HTML, et la position est arbitraire.

est généralement placée sous le contenu modifié ou dans la balise head, mais en l'écrivant séparément. js est propice à la séparation de la structure et du comportement

2. Contenu JavaScript (avec images) :

 


Où ECMAScript est le cœur de JavaScript ;

DOM C'est le modèle objet du document (utilisant js pour faire fonctionner la page Web) ; >
3. Sortie des informations JavaScript :


(1) méthode alert() : sous la forme d'une boîte d'invite sur la page Output, par exemple

(2) méthode console.log() : afficher les informations sur la console, par exemple : (3) document .write() : écrire le contenu directement dans la page HTML, par exemple :


4. Variables JavaScript :

<script>
    alert("hello,javascript")
</script>

console.log("hello,javascript")
Contrairement à Java, les variables dans ECMAScript n'ont pas de type spécifique lors de la définition d'un. variable, vous utilisez uniquement l'opérateur var, qui peut être initialisé à n'importe quelle valeur. Le format d'initialisation de la variable : var nom de la variable = valeur de la variable ; exemple :

document.write("hello,javascript")

Si vous souhaitez définir plusieurs variables, vous pouvez écrire plusieurs variables sur une seule ligne et les séparer par des virgules ; par exemple :

Règles de variable pour les noms de variables :

(1) se compose de lettres, de chiffres, de traits de soulignement et de symboles $

var a = "hello";
var b = 123;
(2) Il ne peut pas commencer par un chiffre et les traits de soulignement ne sont pas recommandés. Début

( 3) Strictement sensible à la casse ;

(4) Ne peut pas être des mots-clés et des mots réservés
var a = "你好",
    b = 123,
    c = "hello";

5. 🎜> JavaScript peut être divisé en deux types : les types de données primitifs et les types de données de référence :

(1) Types de données primitifs : Nombre, Chaîne, Booléen, non défini, null

Nombre

 : Type numérique,

est un nombre, comprenant des nombres positifs, des nombres négatifs, des entiers, des décimales, 0, NaN, Infinity (infini positif), -Infinity (infini négatif) ; Remarque :


NaN

 : pas un L'abréviation de nombre signifie que la valeur n'est pas une valeur numérique (appartient également au numéro)

    String字符串:用双引号""或单引号''包起来的0个或多个字符,如果引号中什么也没有,那么这个字符串被称为空字符串

    Boolean布尔型:包含true:表示真(成立)和false:表示假(不成立)两个值

    undefined表示变量未定义,或变量被定义出来,但是没有被赋值

    null表示一个变量没有指向任何一片存储空间,即变量存在,但是里面是空的,类似于Undefined

    (小提示:在Chrome浏览器控制台输出时,会发现Number类型为深蓝色,String为黑色,Boolean为浅蓝色,undefined和null都为浅灰色)

    (2)引用数据类型:

    Object(对象),Array(数组),Date(日期),RegExp(正则)。。等等

    (3)如何查看一个变量的数据类型(typeof 运算符):        

             数值型数据:返回值为number   

console.log(typeof 123)   //输出number

             字符串型数据:返回值为string

console.log(typeof "你好")  //输出string

             布尔型数据:返回值为boolean

console.log(typeof true/false)    //输出boolean

             Undefined:返回值为undefined

console.log(typeof undefined)   //输出undefined

             Null:返回值为Object(历史遗留问题,说明null也是一个对象)

console.log(typeof null)     //输出object

             NaN:返回值为number

console.log(typeof NaN)    //输出number

6.JavaScript 数据类型的转换:

    (1)在使用加法(+)运算符时,任何数据与字符串类型数据相加都为字符串类型数据;

console.log("你好" + 123)    //输出"你好123"

        注(简单理解): 在JavaScript 中空字符串""转换为false,非空字符串转换为true(除“0”,“1”外);

                false转换为 0 或“0”,true转换为 1 或“1”;

                做逻辑判断的时候,null,undefined,""(空字符串),0,NaN都默认为false;

                ==在比较的时候可以转换数据类型,===是严格比较,只要类型不匹配就返回false;

                    其实 == 的比较确实是转换成字符串来比较但,但是在布尔型转换为字符串之前,要先转换成 Number

console.log("123" == true)    //输出false
console.log("1" == true)     //输出true
console.log("" == true)     //输出false
console.log(1 == true)     //输出true

console.log("" == false)    //输出true
console.log(&#39;123&#39; == false)   //输出fasle
console.log(&#39;0&#39; == false)    //输出true
console.log(0 == false)    //输出true

console.log(&#39;1&#39; == 1)     //输出true
console.log(&#39;0&#39; == 0)	  //输出true
console.log(-true)     //输出-1

(2)parseInt:将字符串转换成整数(只识别字符串中的数值):

        注:会忽略字符串中的前后空格(当数值后的空格后面还有数值时,将不会再识别);

               能够正确识别正负号,即保留正负号;

               在转换时,遇到非数值型的字符就会停止转换;

               如果字符串的第一个字符是非数值型的,那么转换的结果为NaN;

console.log(parseInt("123"))    //输出123
console.log(parseInt(" 1 2"))    //只会输出1
console.log(parseInt(-123))     //输出-123
console.log(parseInt("hello"))    //输出NaN
console.log(parseInt(true))       //输出NaN
console.log(parseInt("123hello"))    //输出123,后面非数值型不会识别
console.log(parseInt(" 1 "))     //输出1,忽略空格

(3)parseFloat:将字符串转换成小数(识别小数点,注意事项同上)

console.log(parseFloat("123.55"))    //输出123.55
console.log(parseFloat(".1hello"))    //输出0.1

(4)Number:将其它类型的数据转换成数值型,注意被转换的数据必须是纯数值构成,否则无法转换,其它注意事项同上

console.log(Number(true))	//1
console.log(Number(false))    //0
console.log(Number(null))    //0
console.log(Number("123hello"))    //NaN
console.log(Number("12.22"))    //12.22
console.log(Number(undefined))    //NaN

(5)页面中的信息框:

        alert(),弹出个提示框,只有确定;

window.alert("今天天气很好")


        confirm(),弹出个确认框,有确定和取消;

window.confirm("今天心情也很好")


        prompt(),弹出个输入框,可以输入内容;

window.prompt("password","请输入密码")



JavaScript的基础暂时先写到这里,后续都会补上。。。

本文讲解了JavaScript相关的内容讲解,更多相关之请关注php中文网。

相关推荐:

关于HTML基础的讲解

$.ajax+php实战教程之下拉时自动加载更多文章原理讲解

关于zx-image-view图片预览插件,支持旋转、缩放、移动的相关操作

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