js基础

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">
<!--
document.write("Hello World!");
//-->
</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"




你可能感兴趣的:(JavaScript,html,编程,浏览器,脚本)