Erläuterung von JavaScript-bezogenen Inhalten

1. JavaScript-Einführung:

JavaScript ist die beliebteste Skriptsprache im Internet und alles moderne HTML verwendet JavaScript. Da es sich um eine Skriptsprache handelt, weist sie die folgenden drei Merkmale auf:

(1) Schwacher Typ

(2) Interpretierte Typsprache (kein Kompilieren erforderlich);

(3) Ausführung Zeile für Zeile, wenn eine Codezeile falsch ist, werden die nachfolgenden Codeblöcke nicht weiter ausgeführt

(4) Das <script>-Tag kann direkt in die HTML-Datei eingebettet werden und die Position ist beliebig. <span style="background-color:rgb(255,255,255);"> wird normalerweise unter dem geänderten Inhalt oder im Head-Tag platziert, aber es wird separat geschrieben js-Datei fördert die Trennung von Struktur und Verhalten</script>

2. JavaScript-Inhalt (mit Bildern):

 

Wobei ECMAScript der Kern von JavaScript ist;

DOM Es ist das Dokumentobjektmodell (mit js zum Betrieb der Webseite); >

3. Ausgabe von JavaScript-Informationen:

(1) Alert()-Methode: in Form einer Eingabeaufforderung auf der Seite Ausgabe, zum Beispiel; (2) Methode console.log(): Informationen auf der Konsole ausgeben, zum Beispiel:

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

(3) document.write() : Inhalte direkt in die HTML-Seite schreiben, zum Beispiel:

console.log("hello,javascript")

4. JavaScript-Variablen:

Im Gegensatz zu Java haben die Variablen in ECMAScript keinen spezifischen Typ. Verwenden Sie beim Definieren einer Variablen nur die var-Operator, der auf einen beliebigen Wert initialisiert werden kann: var Variablenname = Variablenwert;

document.write("hello,javascript")

Wenn Sie mehrere Variablen definieren möchten , Sie können mehrere Variablen in eine Zeile schreiben und diese durch Kommas trennen; zum Beispiel:

var a = "hello";
var b = 123;

Variablenregeln für Variablennamen: (1)

besteht aus Buchstaben, Zahlen, Unterstriche und $-Symbole

(2) Es kann nicht mit einer Zahl beginnen und es wird nicht empfohlen, mit einem Unterstrich zu beginnen. (3) Die Groß-/Kleinschreibung muss unbedingt beachtet werden ;

(4) Kann keine Schlüsselwörter und reservierten Wörter sein

5. JavaScript-Datentyp:

JavaScript kann geteilt werden in zwei Typen: primitive Datentypen und Referenzdatentypen:

(1) Primitive Datentypen: Zahl, String, Boolean, undefiniert, null

Zahl

: Numerischer Typ, ist eine Zahl, einschließlich positiver Zahlen, negativer Zahlen, Ganzzahlen, Dezimalzahlen, 0, NaN, Infinity (positive Unendlichkeit), -Infinity (negative Unendlichkeit); > Hinweis:

NaN

: keine Abkürzung für Zahl, was darauf hinweist, dass der Wert kein numerischer Wert ist (gehört auch zu Zahl)

    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('123' == false)   //输出fasle
console.log('0' == false)    //输出true
console.log(0 == false)    //输出true

console.log('1' == 1)     //输出true
console.log('0' == 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图片预览插件，支持旋转、缩放、移动的相关操作

Das obige ist der detaillierte Inhalt vonErläuterung von JavaScript-bezogenen Inhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!