Utilice la interfaz web para escribir simplemente una tabla de multiplicar nueve-nueve-nueve.

Aprendí html xml css antes de aprender JavaScript, y también tengo cierta base de programación. Pasé medio día aprendiendo los conceptos básicos de js. Finalmente, simplemente escribí una tabla de multiplicar del nueve por nueve. Creo que tengo conocimientos gramaticales básicos. ¡Simplemente enumeraré algunas de las diferencias más importantes!
Inserte la descripción de la imagen aquí

Sintaxis básica de JavaScript

Salida de JavaScript:

 window.alert() 弹出警告框
document.write() ⽅法将内容写到 HTML ⽂档中
innerHTML 写⼊到 HTML 元素
console.log() 写⼊到浏览器的控制台

Demostración de código específico:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>JavaScript实例</title>
 </head>
 <body>
 <h3>测试JavaScript的输出</h3>
 <div id="did">div层</div>
 </body>
 <script>
 //弹出⼀个信息提示框
 window.alert("Hello JavaScript!");

 //输出到浏览器⻚⾯中
 document.write("这个是⻚⾯中的输出");
 //通过写⼊HTML标签中,完成⻚⾯中的输出
 document.getElementById('did').innerHTML="div层中的输出";
 //控制台上的输出
 console.log("控制台上的输出");
 </script>
</html>

La diferencia entre indefinido y nulo

Los valores de nulo e indefinido son iguales, pero los tipos no son iguales:

typeof undefined // undefined
typeof null // object
null === undefined // false
null == undefined // true

Conversión de tipo común

Inserte la descripción de la imagen aquí

Precedencia del operador

Inserte la descripción de la imagen aquí

para ... en bucles a través de objetos:

for(属性变量 in 被遍历对象){
    
    
 被执⾏的代码块
}
var ob = {
    
    "name":"张三","age":22,"sex":"男"};
//遍历对象ob中的每个属性
for(key in ob){
    
    
 //输出属性和对应的属性值
 console.log(key+":"+ob[key]);
}
/*
//输出结果:
name:张三
age:22
sex:男
*/

Completa la tabla de multiplicar del nueve y nueve

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九九乘法表</title>
    
</head>
<body>
    <h1>js的实践</h1>

</body>
<script type="text/javascript">
    //此处为js语言
   document.write('<table width = "800" border= "1">');
    for(var  i =1;i<=9;i++){
    
    
    document.write('<tr>');
        for(var j =1;j<=9;j++){
    
    
            if(i<j){
    
    
                document.write('<td>&nbsp;</td>');
            }else{
    
    
            document.write('<td>'+i+'*'+j+'='+i*j+'</td>');}
        }
        document.write('</tr>');
        
    }
            document.write('</table>');
    </script>
</html>

Inserte la descripción de la imagen aquí

Espero que todos puedan darme sus consejos. ¡Sus gustos y atención son la motivación para que el autor siga persistiendo y creando!

Supongo que te gusta

Origin blog.csdn.net/AzirBoDa/article/details/113991952
Recomendado
Clasificación