W3Cschool——学习一

最新推荐文章于 2024-03-22 16:59:33 发布

zhuhong_0308

最新推荐文章于 2024-03-22 16:59:33 发布

阅读量978

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/zhuzhubiji/article/details/16841855

版权

JS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JavaScript 被设计用来向 HTML 页面添加交互行为。
JavaScript是一种脚本语言（脚本语言是一种轻量级的编程语言）。
JavaScript 由数行可执行计算机代码组成。
JavaScript 通常被直接嵌入 HTML 页面。
JavaScript是一种解释性语言（就是说，代码执行不进行预编译）。
所有的人无需购买许可证均可使用 JavaScript。

-------------------------------------------------------------------------------------------------------------------

如何与老的浏览器打交道

那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生，我们可以使用这样的 HTML注释标签：

<html>
<body>
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
</body>
</html>

注释行末尾的两个正斜杠是 JavaScript 的注释符号，它会阻止 JavaScript 编译器对这一行的编译。

------------------------------------------------------------------------------------------------------------------------------------------

当页面载入时，会执行位于 body 部分的 JavaScript。

当被调用时，位于 head 部分的 JavaScript 才会被执行。

-------------------------------------------------------------------------------------------------------------------

JavaScript 是由浏览器执行的语句序列。

-------------------------------------------------------------------------------------------------------------------

JavaScript 语句

这个 JavaScript 语句告诉浏览器向网页输出 "Hello world"：

document.write("Hello world");

通常要在每行语句的结尾加上一个分号。大多数人都认为这是一个好的编程习惯，而且在 web 上的 JavaScript案例中也常常会看到这种情况。

分号是可选的（根据 JavaScript 标准），浏览器把行末作为语句的结尾。正因如此，常常会看到一些结尾没有分号的例子。

注释：通过使用分号，可以在一行中写多条语句。

------------------------------------------------------------------------------------------------------------------------------------------

JavaScript 变量

JavaScript 变量名称的规则：

变量对大小写敏感（y 和 Y 是两个不同的变量）
变量必须以字母或下划线开始

注释：由于 JavaScript对大小写敏感，变量名也对大小写敏感。

------------------------------------------------------------------------------------------------------------------------------------------

向未声明的 JavaScript 变量赋值

如果您所赋值的变量还未进行过声明，该变量会自动声明。（varx=5; 等价于x=5;）

------------------------------------------------------------------------------------------------------------------------------------------

重新声明 JavaScript 变量

如果您再次声明了 JavaScript 变量，该变量也不会丢失其原始值。（var x=5;var x; x的值仍是5）

------------------------------------------------------------------------------------------------------------------------------------------

JavaScript Switch 语句

工作原理：switch后面的 (n) 可以是表达式，也可以（并通常）是变量。然后表达式中的值会与 case 中的数字作比较，如果与某个 case相匹配，那么其后的代码就会被执行。break 的作用是防止代码自动执行到下一行。

------------------------------------------------------------------------------------------------------------------------------------------

JavaScript消息框

可以在JavaScript 中创建三种消息框：警告框、确认框、提示框。

alert("文本");confirm("文本");prompt("文本","默认值")

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

varr=confirm("Press a button!");

if (r==true)

alert("You pressed OK!");

else

alert("You pressed Cancel!");

varname=prompt("请输入您的名字","Bill Gates")

if (name!=null&& name!="")

document.write("你好！" + name + " 今天过得怎么样？")

-------------------------------------------------------------------------------------------------------------------

JavaScript for...in 语句

for...in 语句用于对数组或者对象的属性进行循环操作。

<scripttype="text/javascript">

var x

var mycars = newArray()

mycars[0] ="Saab"

mycars[1] ="Volvo"

mycars[2] ="BMW"

for (x inmycars)

document.write(mycars[x] +"<br />")

</script>

------------------------------------------------------------------------------------------------------------------

JavaScript 事件

事件是可以被 JavaScript 侦测到的行为。

事件举例：

鼠标点击
页面或图像载入
鼠标悬浮于页面的某个热点之上
在表单中选取输入框
确认表单
键盘按键

onload 和 onUnload

当用户进入或离开页面时就会触发 onload 和 onUnload 事件。

onload 事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。

onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。

onFocus, onBlur 和 onChange

onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。

onSubmit

onSubmit 用于在提交表单之前验证所有的表单域。

onMouseOver 和 onMouseOut

onMouseOver 和 onMouseOut 用来创建“动态的”按钮。

-----------------------------------------------------------------------------------------------------------------------------------------

JavaScriptTry...Catch 语句

有两种在网页中捕获错误的方法：

使用 try...catch 语句。(在IE5+、Mozilla 1.0、和 Netscape 6 中可用)
使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape3 以后的版本可用)

注意：chrome、opera和 safari 浏览器不支持 onerror 事件。

------------------------------------------------------------------------------------------------------------------------------------------

JavaScriptThrow 声明

throw 声明的作用是创建 exception（异常或错误）。

<scripttype="text/javascript">

varx=prompt("Enter a number between 0 and 10:","")

try

{

if(x>10)

throw"Err1"

elseif(x<0)

throw"Err2"

}

catch(er)

{

if(er=="Err1")

alert("Error! Thevalue is too high")

if(er =="Err2")

alert("Error! Thevalue is too low")

}

</script>

------------------------------------------------------------------------------------------------------------------

JavaScriptonerror 事件

使用 onerror 事件是一种老式的标准的在网页中捕获 Javascript 错误的方法。

如果需要利用 onerror 事件，就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerrorevent handler)。这个事件处理器使用三个参数来调用：msg（错误消息）、url（发生错误的页面的url）、line（发生错误的代码行）。

浏览器是否显示标准的错误消息，取决于 onerror 的返回值。如果返回值为 false，则在控制台 (JavaScriptconsole) 中显示错误消息。反之则不会。

<scripttype="text/javascript">

οnerrοr=handleErr

var txt=""

functionhandleErr(msg,url,l)

{

txt="There was an error onthis page.\n\n"

txt+="Error: " + msg +"\n"

txt+="URL: " + url +"\n"

txt+="Line: " + l +"\n\n"

txt+="Click OK tocontinue.\n\n"

alert(txt)

return true

}

functionmessage()

{

adddlert("Welcomeguest!")

}

</script>

zhuhong_0308

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录