Anmerkungen zum grundlegenden Javascript-Lernen (ein Muss für Neulinge)

Was sind Variablen?

Variablen sind Container, die zum Speichern von Informationen verwendet werden

Deklaration von Variablen

Syntax:

var 变量名

Variablenname = Wert;

Variablen müssen zuerst deklariert und dann zugewiesen werden

Variablen können wiederholt zugewiesen werden

Benennungsregeln für Variablen

Variablen müssen mit einem Buchstaben beginnen;

Variablen können auch mit den Symbolen $ und _ beginnen (wir empfehlen dies jedoch nicht); -sensitiv ( a und A sind unterschiedliche Variablen).

-Anweisung Die

-Anweisung endet mit einem Semikolon. Wenn das Semikolon weggelassen wird, bestimmt der Parser das Ende der Anweisung.

Eine gute Codierungsgewohnheit sollte enden mit:

Datentyp

In JavaScript ist eine Information ein Wert (Wert). Werte gibt es in verschiedenen Typen, wobei Zahlen der bekannteste Typ sind. Ein Zeichenfolgenwert besteht aus einem oder mehreren Wörtern, die in

-Anführungszeichen eingeschlossen sind.

Zahl Beliebiger numerischer Wert. Die Zahl kann mit oder ohne Dezimalpunkt 68,57

Zeichenfolgenzeichen in Anführungszeichen sein. Sie können einfache oder doppelte Anführungszeichen „hello, world“ verwenden

Boolean true oder false true

Undefiniert und Null Undefiniert Dieser Wert bedeutet, dass die Variable keinen Wert enthält. Eine Variable kann gelöscht werden, indem ihr Wert auf Null gesetzt wird.

Objekt Jeder mit dem Objekt verknüpfte Wert

Funktion Der von der Funktion zurückgegebene Wert

Was ist eine Funktion?

1 var a; //a为undefined
2 var a = 6; //a 为数字
3 var a = "Jason"; // a 为字符串

Eine Funktion ist eine Reihe von JavaScript-Anweisungen, die eine bestimmte Aufgabe ausführen

Grundlegende Syntax:

Funktionsname ();

function 函数名(){
  函数代码;
}

Erklärung:

function definiert das Funktionsschlüsselwort.

„Funktionsname“ ist der Name, den Sie der Funktion gegeben haben.

„Funktionscode“ wird durch Code ersetzt, der eine bestimmte Funktion ausführt.

Eine Art Funktionsaufruf „zweiter Funktionsname“

Ausgabeinhalt (document.write)

1 function add2(){
2 var sun = 3 + 2;
3 alert(sun);
4 }
5 add2();//调用函数直接写函数名直接弹出函数代码

1 <input type="button" value="点击我" onclick="add2()" />
2 <!-- 单击按钮后，调用函数，onclick为点击事件 -->

document .write () gibt Inhalte direkt auf der Webseite aus.

Typ 1: Der Ausgabeinhalt ist in „“ eingeschlossen und der Inhalt innerhalb des „“-Zeichens wird direkt ausgegeben.

Der zweite Typ: Inhalte über Variablen ausgeben

document.write("I love JavaScript!");

Der dritte Typ: Mehrere Inhalte ausgeben und die Inhalte mit einem +-Zeichen verbinden.

var mystr = "hello world";
document.write(mysrt);//直接写变量名，输出变量存储的内容

Die vierte Methode: HTML-Tags ausgeben und bearbeiten. Die Tags sind in „“ eingeschlossen.

var mystr = "hello";
document.write(mystr + "I love Java Script");//多项内容之间用+号连接

Warnung (Dialogfeld mit Warnmeldung)

var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出一个换行符
document.write("JavaScript");

Wenn wir die Website besuchen, erscheint manchmal plötzlich ein kleines Fenster mit einer Warnmeldung darauf. Wenn Sie nicht auf „OK“ klicken, können Sie auf der Webseite keine

-Vorgänge ausführen. Dieses kleine Fenster wird mithilfe von Warnungen implementiert.

Syntax: Warnung (Zeichenfolge oder Variable);

Ergebnis: Popup-Meldungsfelder in der richtigen Reihenfolge (das Dialogfeld für die Popup-Meldung der Warnung enthält eine Schaltfläche „OK“).

var mynum = 30;
alert("hello!");
alert(mynum);

Hinweis:

1. Es können keine weiteren Vorgänge ausgeführt werden, bevor im Dialogfeld auf die Schaltfläche „OK“ geklickt wird.

2. Meldungsdialogfelder können normalerweise zum Debuggen von Programmen verwendet werden.

3. Inhalt der Alarmausgabe, der eine Zeichenfolge oder eine Variable sein kann, ähnlich wie document.write

Auswahl bestätigen (Dialogfeld „Nachricht bestätigen“)

Zusätzlich zur Bereitstellung von Informationen an den Benutzer. Wir möchten auch Informationen von unseren Benutzern erhalten. Hier wird das Dialogfeld „Nachricht bestätigen“ verwendet.

Das Dialogfeld „Nachricht bestätigen“ wird normalerweise verwendet, um dem Benutzer die Möglichkeit zu geben, eine Auswahl zu treffen, z. B. „Haben Sie Recht?“ usw. Öffnet ein Dialogfeld (einschließlich einer Schaltfläche „OK“ und einer Schaltfläche „Abbrechen“).

Syntax: bestätigen(str);

Parameterbeschreibung: str: Der im Meldungsdialogfeld anzuzeigende Text Rückgabewert: Boolescher Wert

Rückgabewert:

Wenn der Benutzer auf die Schaltfläche „OK“ klickt, wird „true“ zurückgegeben.

Wenn der Benutzer auf die Schaltfläche „Abbrechen“ klickt, wird „false“ zurückgegeben.

Hinweis: Der Rückgabewert kann verwendet werden um zu bestimmen, auf welche Schaltfläche der Benutzer geklickt hat

Stellen Sie eine Frage (Dialogfeld mit Sofortnachricht)

<script type="text/javascript">
  var mymessage=confirm("你喜欢JavaScript吗?");
  if(mymessage==true){
    document.write("很好,加油!");
  }else{
    document.write("JS功能强大，要学习噢!");
  }
</script>

Manchmal möchten Sie nicht nur, dass der Benutzer mit Ja/Nein antwortet. Erwarten Sie vielmehr eine spezifischere Antwort. In diesem Fall können wir prompt verwenden.

Eingabeaufforderung öffnet ein Nachrichtendialogfeld, in dem normalerweise nach Informationen gefragt wird, die mit dem Benutzer interagiert werden müssen. Öffnet ein Meldungsdialogfeld (einschließlich einer Schaltfläche „OK“, einer Schaltfläche „Abbrechen“ und einem Texteingabefeld).

Syntax:

Parameterbeschreibung:

prompt(str1,str2);

str1: Der im Nachrichtendialogfeld anzuzeigende Text kann nicht geändert werden

str2: Der Inhalt im Textfeld kann geändert werden

Rückgabewert:

1 Klicken Sie auf die Schaltfläche OK, der Inhalt im Textfeld wird als Funktionsrückgabewert verwendet

2. Klicken Sie auf die Schaltfläche „Abbrechen“, um null zurückzugeben

Neues Fenster öffnen (window.open)

function rec(){
  var score; //score变量，用来存储用户输入的成绩值。
  score = prompt("请输入你的成绩","90");
  if(score>=90){
    document.write("你很棒!");
  }else if(score>=75){
    document.write("不错吆!");
  }else if(score>=60){
    document.write("要加油!");
  }else{
    document.write("要努力了!");
  };
} ;

<script>
    var myName = prompt("输入您的名字");
     if(myName != null && myName != ""){
      document.write("welcom to" + myName);
    }else{
      document.write("welcom to my friend");
    }
</script>

Syntax:

Parameterbeschreibung:

window.open([URL], [窗口名称], [参数字符串])

URL: optionaler Parameter, die URL oder der Pfad der Webseite, die im Fenster angezeigt werden soll. Wenn dieser Parameter weggelassen wird oder sein Wert eine leere Zeichenfolge ist, wird kein Dokument im Fenster angezeigt.

Fenstername: Optionaler Parameter, der Name des geöffneten Fensters.

1. Der Name besteht aus Buchstaben, Zahlen und Unterstrichen.

2. Fenstername: Optional ist diese Zeichenfolge eine durch Kommas getrennte Liste von Funktionen, die den Namen des geöffneten Fensters angibt. Ja

是"_top"、"_blank"、"_selft"、"_parent"等。

_blank 在新窗口显示目标网页

_selft 在当前窗口显示目标网页

_parent 框架网页中当前整个窗口位置显示目标网页

_top 框架网页中在上部窗口中显示目标网页

3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。

4.name 不能包含有空格。

参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

参数表：

top　　　　Number　　窗口顶部离开屏幕顶部的像素数
left　　　　Number　　窗口左端离开屏幕左端的像素数
width　　　　Number　　窗口的宽度
height　　　　Number　　窗口的高度
menubar　　　　yes,no　　窗口有没有菜单
toolbar　　　　yes,no　　窗口有没有工具条
scrollbars　　　　yes,no　　 窗口有没有滚动条
status　　　　　　yes,no　　 窗口有没有状态栏

<script type="text/javascript">
   window.open(&#39;http://&#39;,&#39;_blank&#39;,&#39;width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes&#39;)
 </script>

关闭窗口（window.close）

close()关闭窗口

用法：

1 window.close();//关闭本窗口
2 <窗口对象>.close();//关闭指定的窗口

例如:关闭新建的窗口。

1 <script type="text/javascript">
2   var mywin=window.open(&#39;http://www.jb51.net&#39;); //将新打的窗口对象，存储在变量mywin中
3   mywin.close();
4 </script>

innerHTML属性

innerHTML属性用于获取或替换HTML元素的内容。

语法：

Object.innerHTML

Object是获取的元素对象，如通过document.getElementById("ID")获取元素。

<h2 id="con">javascript</H2>

<script type="text/javascript">
　　var mychar=document.getElementById("con");
　　document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
　　mychar.innerHTML="hello world"
　　document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
</script>

改变HTML样式

语法：

Object.style.property=new style;

注意：Object是获取的元素对象，如通过document.getElementById("id")获取的元素

<h2 id="con">I love JavaScript</h2>

<script type="text/javascript">
  var mychar= document.getElementById("con");
  mychar.style.color="red";
  mychar.style.background="#ccc";
  mychar.style.width="300px";
</script>

显示和隐藏（display属性）

语法：

Object.style.display = value

value值：

none 此元素不会被显示（及隐藏）

block 此元素将显示为块级元素（即显示）

mychar.style.display = "block"

控制类名（className属性）
className属性设置或返回元素的class属性。
语法：

object.className = classname

作用：
1、获取元素的class属性
2、为网页内的某个元素指定一个css样式来更改该元素的外观

p2.className = "two";

以上这篇Javascript基础学习笔记(菜鸟必看篇)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持PHP中文网。

更多Javascript基础学习笔记(菜鸟必看篇)相关文章请关注PHP中文网！