초보 자바스크립트 기초 1_기본지식-JS 튜토리얼-php.cn

1

코드 복사 코드는 다음과 같습니다. //html 콘텐츠 작성 페이지에 document.write(" Hello World! ") 2 코드 복사 코드는 다음과 같습니다. //JavaScript를 지원하지 않는 브라우저에서 페이지의 내용으로 js가 표시되는 것을 방지하기 위해 //주석 줄 끝에 있는 두 개 슬래시는 JavaScript 컴파일러가 이 줄을 컴파일하지 못하도록 하는 JavaScript 주석 기호입니다. document.write("Hello World!") //-> ;/script>

3

코드 복사 코드는 다음과 같습니다 //onload 이벤트를 작성하는 다양한 방법 //첫 번째 방법은 body 태그를 통해 onload 이벤트를 추가하는 것입니다 message(){ Alert(" onload 이벤트를 통해 프롬프트 상자가 호출됩니다. ");} 메서드는 onload 이벤트 window.onload=message function message(){ 경고( "이 프롬프트 상자는 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("文本") function show_confirm() { var r=confirm("确认删除?"); if (r==true) { alert("删除成功!"); } else{ alert("删除失败!"); } }

16. //于用户交互的弹出框(可输入文字的提示框) //prompt("文本","默认值") function disp_prompt() { var name=prompt("请输入您的名字","Bill Gates") if (name!=null && name!=""){ document.write("你好！" + name + " 今天过得怎么样？") } }

17。 //带有参数并返回值的函数 function product(a,b) { return a*b; } document.write(product(6,5))

18。 //for循环 (本例中动态生成html中的h标签) for (i = 1; i document.write(" 这是标题 " + i) document.write(" ") }

19。 //break跳出语句 var i=0 for (i=0;i if (i==3){break} document.write("数字是 " + i) document.write(" ") } 解释：循环会在 i=3 时中断。

20。 //continue跳出语句 var i=0 for (i=0;i if (i==3){continue} document.write("数字是 " + i) document.write(" ") } 解释：当 i=3 时，会中断循环，并从下一个值开始继续循环。

值为:01245678910

21。 //for in循环(相当于.net中的foreach循环) var x var mycars = new Array() mycars[0] = "宝马" mycars[1] = "奔驰" mycars[2] = "宾利"

for (x in mycars) { document.write("x的值为"+x+ " "); document.write(mycars[x] + " ") }

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 문 예: var txt="" function message(){ try{ adddlert("Welcome guest!") } catch(err){ txt="이 페이지에 오류가 있습니다. n" txt ="오류 설명:" err.description "nn" txt ="계속하려면 "확인"을 클릭하세요. n" 경고(txt); } }

24. //try...확인 상자가 있는 catch 문 var txt="" 함수 메시지( ){ try{ adddlert("Welcome guest!") } catch(err){ txt="이 페이지에 오류가 있습니다. n" txt ="이 페이지를 계속 보려면 "확인"을 클릭하세요. n" txt ="홈페이지로 돌아가려면 "취소"를 클릭하세요. n" if(!confirm(txt)) { document.location.href="../index.html" } } } &lt ;/script> &lt ;/본문>

25. //예외 생성(예외 또는 오류). (try...catch 문과 함께 사용) 예: var x=prompt("0에서 10 사이의 숫자를 입력하세요." ,"") try{ if(x>10) throw "Err1" else if(x throw "Err2" else if(isNaN( x)) throw "Err3" } catch(er){ if(er=="Err1") Alert("오류! 값이 너무 큽니다!") if(er == "Err2") Alert("오류! 값이 너무 작습니다!") if(er == "Err3") Alert("오류! 값이 너무 작습니다!") 숫자가 아닙니다!") }

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

27. //onerror 이벤트 //오류 발생 시 onerror 이벤트가 발생합니다. onerror=handleErr; var txt="" function handlerErr(msg,url,l){ txt="이 페이지에 오류가 있습니다. n" txt="오류:" msg "n" txt="URL: " url "n" txt="확인:" l "nn" txt=""확인을 클릭하세요. " "계속하다. n" alert(txt) return true } function message(){ adddlert("계속하시겠습니까?") }

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

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

세계!");