JavaScript基础⼊门
⼀，什么是JavaScript
1，与Java⽆关！与Java⽆关！与Java⽆关！
JavaScript是⼀种为⽹站添加互动以及⾃定义⾏为的客户端脚本语⾔， 通常只能通过Web浏览器去完成操作， ⽽⽆法像普通意义上的程序那样独⽴运⾏。
JavaScript是⼀种轻量级、解释型的 Web 开发语⾔，该语⾔系统不是很庞杂，简单易学。由于所有现代浏览器都⼰嵌⼊了
JavaScript引擎、JavaScript 源代码可以在浏览器中直接被解释执⾏，⽤户不⽤担⼼⽀持问题。
JavaScript的引⼊，符合”渐进增强“概念中的分层设计，能赋予⽹站页⾯更灵活的交互能⼒。可先对HTML、CSS与JavaScript在使⽤时的相互联系进⾏简单了解：
2，怎样在⽹页中使⽤JavaScript
1，使⽤＜script>标签，直接把JavaScript源代码直接放到⽹页⽂档中：
<!DOCTYPE html>
<html>
<head>
<title>JavaScript基础</title>
<script>
function resp(){
}
</script>
</head>
<body>
<script>
document.write("<hl>JavaScript: Hello,World!</hl>");
</script>
<p id="demo">回复她⼀下：</p>
<button type="button"onclick="resp()">发送回复</button>
</body>
</html>
对于页⾯内的JavaScript脚本来说，各种公共函数和变量应放在＜head＞和＜/head＞标签之间，⽽将
页⾯加载期间执⾏的代码、DOM对象初始化以及与DOM相关的全局引⽤赋值操作放在＜body＞和＜/body＞标签之间，如果没有特殊要求，不妨放在＜/body ＞标签前⾯ 。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
//公⽤函数
function hello(user){
return"<h1>Hello,"+ user +"</h1>";
}
</script>
</head>
<script>
//全局变量象初始化
var user ="World";
</script>
<body>
<script>
//程序执⾏代码
document.write(hello(user));
</script>
</body>
</html>
2，使⽤ JavaScript ⽂件:
还是使⽤<script>标签。
<!DOCTYPE html>
<html>
<head>
<title>JavaScript基础</title>
<script type="text/javascript"src="../static/js/test.js"></script>
</head>
<body>
<p id="demo">回复她⼀下：</p>
<button type="button"onclick="resp()">发送回复</button>
</body>
</html>
test.js：
function resp(){
}
实现⼀样的效果。
⽤＜script>标签引⼊JavaScript⽂件，通过该标签的 src 属性指定 JavaScript ⽂件的URL(统⼀资源定位符)。⼆，JavaScript基础
1，语法基础
1，⼤⼩写敏感：
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script>
d =new Date();// 获取当前⽇期和时间
String());// 显⽰⽇期
//骆驼命名法就是在名称中每⼀个逻辑断点都有⼀个⼤写字母来标记，例如：
printEmployeePaychecks();
//如果使⽤下画线命名法，则可以按如下⽅式输⼊：
print_employee_paychecks();
//帕斯卡命名法与骆驼命名法类似。只不过骆驼命名法是⾸字母⼩写，⽽帕斯卡命名法是⾸字母⼤写。例如，下⾯就是帕斯卡命名法定义的变量。PrintEmployeePaychecks();
</script>
</head>
<body>
</body>
</html>
2，代码注释:
单⾏使⽤//，多⾏/**/。
3，关键字和保留字：
reak、else、new、var、case、finally、return、void、catch、for、switch、while、continue、function、this、with、default、if、throw、delete、in、try、do、instranceof、typeof。
abstract、enum、int、short、boolean、export、interface、static、byte、extends、long、super、char、final、native、synchronized、class、float、package、throws、const、goto、private 、transient、debugger、implements、protected 、volatile、double、import、public。
2，常量和变量
1，常量：
JavaScript 不允许⽤户⾃定义常量，只提供了⼀些常⽤的数学常量。
关于“⾃定义JavaScript常量”的话题，可以参考
2，声明与定义变量：
var a;
var e = 2, f = 3;
var e = f = 3;
关于变量的作⽤域，可以参考C语⾔的情况。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
var a ="a(域外) = 全局变量<br />";
var b ="b(域外) = 全局变量<br />";
function f(){
var a ="a(域内) = 域内变量<br />";
b ="b(域内) = 域内变量<br />";
document.write(a);
document.write(b);
}
f();
document.write(a);
document.write(b);
</script>
</head>
<body>
</body>
</html>
3，运算符
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
var a =1, b =2;
var c = a + b;
name = name ? name :"no value";//通过三元运算符初始化变量的值
alert(name);
var a =[];//声明并初始化变量a的值
for(var i =0, j =10; i <=10; i ++, j --){//在循环体中使⽤逗号运算符实现额外计算任务 a[i, j]= i + j ;
document.writeln("a["+ i +","+ j +"]= "+ a[i, j]+"<br/>");
}
}
</script>
</head>
<body>
<form action="#123456?name=ok"method="get"name="form1"id="form1">
<input type="text"value="zhangsan"name="name"/><br>
<input type="password"value="123456"name="pass"/><br>
</form>
<a href="javascript:void(document.forms[0].submit())">提交当前表单</a>
</body>
</html>
4，语句
1，if：
if(a >0){
a -=6;
if(b >0)
b =0;
else if(c >0){
c = a;
a =6;
}
else if(d >0){
d = a;
html document是什么b = a;
}
else
b = c;
}
else{
a +=6;
b = a;
}
2，switch：
var age =prompt("请输⼊年龄：",'')
switch(age){
case1:
alert("⼀岁");
break;
case2:
alert("两岁");
break;
case3:
alert("瞎猜你三岁");
break;
default:
alert("不知道你⼏岁");
}
3，while：
var a =0;
while(a <10){
document.write(a);
a++;
}
do{
document.write(a);
a--;
}while(a >0);
4，for：
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论