js基础

afunti

浏览: 105802 次
性别:
来自: 安徽

最近访客更多访客>>

sam123456gz

sdu_wizard

mcethen

april2017

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javaScript

JavaScript 浏览器 HTML 脚本编程

javsScript:
javaScript包含EMACscript、文本对象模型dom、浏览器对象模型bom：
1.是由浏览器执行的语句序列，一种解释型语言，代码不进行预编译

2. 为 HTML 设计师提供了一种编程工具

3.类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面：document.write("<h1>" + name + "</h1>")

4. 可以对事件作出响应
可以将 JavaScript 设置为当某事件发生时才会被执行，例如页面载入完成或者当用户点击某个 HTML
5.JavaScript 可被用来验证数据
在数据被提交到服务器之前，JavaScript 可被用来验证这些数据。

6. 可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面

7.可被用来存储和取回位于访问者的计算机中的信息。如：可被用来创建 cookies

javaScript嵌入HTML位置：
1.<body> </body>之间这样做会使在页面在进行载入时就会运行js
<html>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>

2.<head></head>之间确保在js被调用时js已经载入只有当js被调用的时候或事件被触发时才会运行
<html>
<head>
<script type="text/javascript">
....
</script>
</head>
....

3.body head 之间可以同时放多个js片段

4.外部加载：
<html>
<head>
<script src="xxx.js">....</script>
</head>
<body>
</body>
</html>
可以把 .js 文件放到网站目录中通常存放脚本的子目录中，这样更容易管理和维护。

5.为了防止一些浏览器不支持js可以这样写：
<html>
<body>
<script type="text/javascript">

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

javaScript的基本语法：
1。js每句后面可以写分号，也可以不加，浏览器把行末作为语句的结尾，加分号运行你一行写多句js

2.js代码块
JavaScript 可以分批地组合起来。
代码块以左花括号开始，以右花括号结束。
代码块的作用是一并地执行语句序列。
本例向网页输出一个标题和两个段落：
<script type="text/javascript">
{
document.write("<h1>This is a header</h1>");
document.write("<p>This is a paragraph</p>");
document.write("<p>This is another paragraph</p>");
}
</script>
通常，代码块用于在函数或条件语句中把若干语句组合起来（比方说如果条件满足，就可以执行这个语句分组了）。

3.js注释：
//
/* */

4. js变量
A.区分大小写
B.以字母或下划线开始
c.用var声明变量，如果您所赋值的变量还未进行过声明，该变量会自动声明。
这些语句：
x=5;
carname="Volvo";
与这些语句的效果相同：
var x=5;
var carname="Volvo";

5.js运算与其他一样其中 + 运算符可以像java中的一样连接字符串。人果把数字与字符串相加，结果将成为字符串。

6.js消息框：
a.警告框   alert("文本")
b.确认框   confirm("文本")
c.提示框   prompt(“文本”,“默认值”)

7.函数将脚本编写为函数，就可以避免页面载入时执行该脚本
function 函数名(var1,var2,...,varX)
{
代码．．．
}

8.JavaScript 变量的生存期
当您在函数内声明了一个变量后，就只能在该函数中访问该变量。当退出该函数后，这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量，这是因为只有声明过变量的函数能够识别其中的每个变量。
如果您在函数之外声明了一个变量，则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始，在页面关闭时结束

9.循环： for while   do...while

10.return语句 break语句终止循环   continue语句跳出当前循环，然后从下一个值开始执行
<html>
<body>
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++)
{
if (i==3){continue}
document.write("The number is " + i)
document.write("<br />")
}
</script>
</body>
</html>

11.JavaScript For...In 声明
For...In 声明用于对数组或者对象的属性进行循环操作。
for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。
语法：
for (变量 in 对象)
{
    在此执行代码
}
“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性
<html>
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>

12.事件(onload ...)

13.捕获异常
有两种在网页中捕获错误的方法：
使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)
<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{
try
{
adddlert("Welcome guest!")
}
catch(err)
{
txt="There was an error on this page.\n\n"
txt+="Click OK to continue viewing this page,\n"
txt+="or Cancel to return to the home page.\n\n"
if(!confirm(txt))
    {
    document.location.href="http://www.w3school.com.cn/"
    }
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>

13.throw
throw 声明的作用是创建 exception（异常或错误）。
throw(exception)exception 可以是字符串、整数、逻辑值或者对象。
throw(exception)exception 可以是字符串、整数、逻辑值或者对象。
注意：使用小写字母编写 throw。使用大写字母会出错！
<html>
<body>
<script type="text/javascript">
var x=prompt("Enter a number between 0 and 10:","")
try
{
if(x>10)
throw "Err1"
else if(x<0)
throw "Err2"
}
catch(er)
{
if(er=="Err1")
alert("Error! The value is too high")
if(er == "Err2")
alert("Error! The value is too low")
}
</script>
</body>
</html>
14.转义字符：\
\' 单引号
\" 双引号
\& 和号
\\ 反斜杠
\n 换行符
\r 回车符
\t 制表符
\b 退格符
\f 换页符

15.js
a.对大小写敏感
b.会忽略多余的空格
name="Hege"
name = "Hege" 效果一样
c.换行
您可以在文本字符串内部使用反斜杠对代码进行折行
document.write("Hello \
World!")
但是不能像这样折行：
document.write \
("Hello World!")

16.JS对象
代码创建了一个对象的实例，并向其添加了四个属性：
personObj=new Object()
personObj.firstname="John"
personObj.lastname="Doe"
personObj.age=50
personObj.eyecolor="blue"