1.JavaScript 소개: JavaScript는 인터넷에서 가장 널리 사용되는 스크립트 언어이며 모든 최신 HTML은 JavaScript를 사용합니다. 스크립팅 언어이므로 다음과 같은 세 가지 특성을 갖습니다. (1) 약한 유형 (2) 해석된 언어(컴파일 필요 없음) (3) 한 줄씩 실행 , 코드 한 줄이 잘못되면 후속 코드 블록이 계속 실행되지 않습니다. (4) 태그는 HTML 파일에 직접 포함될 수 있으며 위치는 임의로 지정됩니다. <span style="background-color:rgb(255,255,255);">일반적으로 아래에 배치됩니다. 수정된 콘텐츠나 헤드 태그를 사용하지만 별도의 js 파일로 작성하면 구조와 동작을 분리하는 데 도움이 됩니다</span></p> <p style="text-align: left;"><span style="background-color:rgb(255,255,255);"><strong><span style="font-size:18px;">2. JavaScript 콘텐츠(그림 포함): </span></strong></span></p> <p style="text-align: left;"><span style="background-color:rgb(255,255,255);"> </span></p> <p style="text-align:center"><img src="https://img.php.cn/upload/article/000/000/006/514242c94c9eb59ed44ee70b1764e675-0.jpg" alt=""></p> <p style="max-width:90%"><span style="background-color:rgb(255,255,255);"></span><br></p> <p><span style="background-color:rgb(255,255,255);"> 그 중 ECMAScript는 JavaScript의 핵심이며 DOM은 문서 객체 모델(js를 사용하여 웹 페이지를 작동)입니다. JavaScript 정보 출력: </span></p> <p><span style="background-color:rgb(255,255,255);"><br></span> (1) 경고() 메서드 : 프롬프트 상자 형태로 페이지에 출력합니다. 예: </p> <p><span style="background-color:rgb(255,255,255);"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;"><script> alert("hello,javascript") 로그인 후 복사 (2) console.log() 메소드: 콘솔에 정보를 출력합니다. 예: console.log("hello,javascript")로그인 후 복사 (3) document.write() : HTML 페이지에 직접 내용을 작성합니다. 예: document.write("hello,javascript")로그인 후 복사4. JavaScript 변수: Java와 달리 ECMAScript에는 변수가 없습니다. 특정 유형의 경우 변수를 정의할 때 var 연산자만 사용합니다. . 어떤 값으로든 초기화할 수 있습니다. 변수의 초기화 형식은 다음과 같습니다. var 변수 이름 = 변수 값; 예: var a = "hello"; var b = 123;로그인 후 복사 여러 변수를 정의하려면 여러 변수를 사용하여 작성할 수 있습니다. 한 줄, 쉼표로 구분됨, 예: var a = "你好", b = 123, c = "hello";로그인 후 복사 변수 이름에 대한 변수 규칙: (1) 문자, 숫자, 밑줄 및 $ 기호로 구성됨 (2) 불가능 숫자로 시작 밑줄로 시작하지 않는 것이 좋습니다. (3) 엄격하게 대소문자를 구분합니다. (4) 키워드 및 예약어가 될 수 없습니다. 5. JavaScript 데이터 유형은 다음과 같습니다. 원시 데이터 유형이며, 참조 데이터 유형에는 두 가지가 있습니다. (1) 원시 데이터 유형: Number, String, Boolean, undefine, null Number: 숫자 유형, 은 숫자, 양수 및 음수 포함, 정수, 십진수, 0, NaN, Infinity(양의 무한대), -Infinity(음의 무한대) 참고: NaN: 숫자의 약어는 값을 의미합니다. 숫자 값이 아닙니다(Number에도 속함) 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로그인 후 복사 字符串型数据：返回值为stringconsole.log(typeof "你好") //输出string로그인 후 복사 布尔型数据：返回值为booleanconsole.log(typeof true/false) //输出boolean로그인 후 복사 Undefined：返回值为undefinedconsole.log(typeof undefined) //输出undefined로그인 후 복사 Null：返回值为Object（历史遗留问题，说明null也是一个对象）console.log(typeof null) //输出object로그인 후 복사 NaN：返回值为numberconsole.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； 其实 == 的比较确实是转换成字符串来比较但，但是在布尔型转换为字符串之前，要先转换成 Numberconsole.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图片预览插件，支持旋转、缩放、移动的相关操作
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
