초보 자바스크립트 기초 1_기본지식

1

코드 복사 코드는 다음과 같습니다.

//html 콘텐츠 작성 페이지에
document.write("

Hello World!

")

2

코드 복사 코드는 다음과 같습니다.

//JavaScript를 지원하지 않는 브라우저에서 페이지의 내용으로 js가 표시되는 것을 방지하기 위해
//주석 줄 끝에 있는 두 개 슬래시는 JavaScript 컴파일러가 이 줄을 컴파일하지 못하도록 하는 JavaScript 주석 기호입니다.

3

코드 복사 코드는 다음과 같습니다

//onload 이벤트를 작성하는 다양한 방법
//첫 번째 방법은 body 태그를 통해 onload 이벤트를 추가하는 것입니다

메서드는 onload 이벤트



4
//JavaScript 放置的位置
当页面载入时，会执行位于 body 部分的 JavaScript。(直接执行)
当被调用时，位于 head 部分的 JavaScript 才会被执行。
head 部分
包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前，脚本已经载入了。

5.
//分号的作用
//分号是可选的（根据 JavaScript 标准），浏览器把行末作为语句的结尾,通过使用分号，可以在一行中写多条语句。

6。
//JavaScript 变量名称的规则：
变量对大小写敏感（y 和 Y 是两个不同的变量）
变量必须以字母或下划线开始

7。
//变量的声明
如果您所赋值的变量还未进行过声明，该变量会自动声明。
例:
x=5; carname="Volvo";
与后面的这些语句的效果相同：var x=5; var carname="Volvo";

8。
//比较运算符
运算符      描述    例子
=== 全等（值和类型）  x===5 为 true； x==="5" 为 false

9。
//条件运算符(三目运算符)
JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。
name=("liuhuan"=="LH")?"刘欢":"歌星";

10。
//获得当前系统时间(小时数)
var d = new Date()
var time = d.getHours()

11。
//随机数
var num=Math.random();
产生的伪随机数介于 0 和 1 之间（含 0，不含 1），也就是，返回值可能为0，但总是小于1。在第一次加载 JScript 时随机数发

生器自动产生 。

12。
//获取今天的星期数(星期日为0，星期1-6为1-6)
var d = new Date()
theDay=d.getDay()

13。
//按钮的触发事件

14。
//弹出框内容换行
alert("再次向您问好！在这里，我们向您演示" + '\n' + "如何向警告框添加折行。")

15.
//确认框(删除方法)
//confirm("文本")

16.
//于用户交互的弹出框(可输入文字的提示框)
//prompt("文本","默认值")

17。
//带有参数并返回值的函数

18。
//for循环 (本例中动态生成html中的h标签)

19。
//break跳出语句

解释：循环会在 i=3 时中断。

20。
//continue跳出语句

解释：当 i=3 时，会中断循环，并从下一个值开始继续循环。

值为:01245678910

21。
//for in循环(相当于.net中的foreach循环)

 

 
 

 

22.
//javascript 이벤트
onload 특정 페이지 또는 이미지가 로드됨 //페이지 로드
onunload 사용자가 페이지를 종료함

onfocus 요소가 포커스를 얻음
onblur 요소가 포커스를 잃음 //양식 유효성 검사
onchange 사용자가 필드의 내용을 변경함
onreset 재설정 버튼을 클릭함
onsubmit 제출 버튼을 클릭함 //제출에 사용됩니다. 양식을 작성하기 전에 모든 양식 필드의 유효성을 검사하세요.
예:
(사용자가 폼에서 확인 버튼을 클릭하면 checkForm() 함수가 호출됩니다. checkForm() 함수의 반환 값은 bool 유형입니다. 반환 값이 true인 경우 , 그럼

양식을 제출하세요. 그렇지 않으면 제출을 취소하세요. )

onkeydown 특정 키보드 키를 눌렀을 때
onkeypress 특정 키보드 키를 누르거나 누르고 있을 때 //키보드 조작
onkeyup 특정 키보드 키를 놓았을 때

onclick 개체를 마우스로 클릭합니다.
ondblclick 개체를 마우스로 두 번 클릭합니다.
onmousedown 마우스 버튼을 눌렀습니다. //마우스 작업
onmousemove 마우스가 이동합니다.
onmouseout 마우스가 이동합니다. 요소로부터 멀어짐
onmouseover 마우스가 요소 위로 이동됩니다.
onmouseup 마우스 버튼이 해제됩니다

onabort 이미지 로드가 중단되었습니다.
onerror 문서나 이미지를 로드하는 동안 오류가 발생했습니다.

onresize 창이나 프레임의 크기가 조정됩니다.
onselect 텍스트가 선택됩니다

23.
//오류 메시지 err.description 및 js의 try...catch 문
예:

24.
//try...확인 상자가 있는 catch 문

26.
//return true 및 return true 사용
(판단에 사용할 수 있는 bool 매개변수를 반환할 수 있음)
function jiance(msg,url,l){
alert("You 정말로요?")
true 반환
}
function jieguo(){
if(jiance()){
Alert("Yes");
}
else {
경고("아니요");
}
}

27.
//onerror 이벤트

html>

28.
//백슬래시는 JavaScript에서 텍스트 문자열에 특수 문자를 추가하는 데 사용됩니다.
예:
var txt="우리는 소위 북쪽에서 온 "바이킹"입니다."
document.write(txt)

29.
//자바스크립트 참고
1. 자바스크립트는 대소문자를 구분합니다
2. JavaScript는 추가 공백을 무시합니다
3. 코드를 작성할 때 줄바꿈에 백슬래시를 사용할 수 있습니다.
예:
document.write("Hello

세계!");