javascript基础入门
Javascript概述:
Javascript是基于对象和事件的脚本语言。特点;
1、安全性(不允许直接访问本地硬盘),它可以做的就是信息的动态交互。
2、跨平台性。
JavaScript与HTML的结合方式:
想要将其他代码融入HTML,都是以标签的形式。
1、 Js代码存放在标签对
2、 使用JavaScript标签引入Js文件。如:
<script type="text/javascript" src="xxxx"></script>
JavaScript语法:
每种语言都有自己的语法规则,Js语法与Java很像。
1、变量
通过关键字Var来定义,弱类型是不用制定具体的数据类型。
注:Js中特殊的变量值:undefined,当变量没有初始化就被使用会提示未定义。
2、判断,循环,选择,数组相关看下面的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我的第一个javascript练习</title>
</head>
<body>
<!-- 2种加载方式 <script type="text/javascript" src="xxxx"></script> -->
<script type="text/javascript">
/*定义变量 */
var x= 3;
x = "abc";//这里单引号双引号一样
alert(x);
if( "abc" == x){
alert("YES");
}else{
alert("NO");
}
//SWITCH 语句
alert("switch 语句练习 ");
x = 3;
switch(x)
{
case "adc":
alert("abc");
break;
case 3:
alert(3);
break;
default:
alert("something error!");
break;
}
//写到网页上。
document.write("<font color = "red">while ,do ...while,for 和C语言一样</font>");
document.write("数组:");
var arr = [4,1,6,8];
for(var i = 0;i<arr.length;i++)
{
document.write(arr[i]);
}
</script>
<h1><font color="red">这是我的第一个练习</font></h1>
</body>
</html>
简单排序算法
<script type="text/javascript">
var arry = [5,1,2,7,4];
//排序
for(var i = 0; i < arry.length;i++){
for(var j = i + 1;j < arry.length;j++){
if(arry[j] < arry[i]){
var tmp = arry[i];
arry[i] = arry[j];
arry[j] = tmp;
}
}
}
for(i = 0; i < arry.length;i++){
document.write(" "+arry[i]+" ");
}
</script>
函数相关
<script type="text/javascript">
//函数
function show(){
alert("show run");
}
function show1(){
for(var x = 0;x < arguments.length;x++)
alert(arguments[x]);
}
show();
show1(1,2,3,4);
document.write("is OK!");
//动态函数
//var show = new Function("x","y","var sum = x + y; return sum;");
// alert(show(2,3));
//匿名函数
// var show2 = function(){
// /document.write("func run");
//}
//show2();
// window.onload = function(){
// document.write("func run----");
//}
window.onload = show;//这里不能写成show()
</script>
对象
<script type="text/javascript">
function Person(name,age){
this.name = name;
this.age = age;
}
var p = new Person("jsh",28);
alert(p["name"] + p.age);
function Per(){
document.write("per create!");
}
var p1 = new Per();
p1.name = "jsh1";
p1.age = "30";
p1.chifan = function(){
document.write("chifan!");
}
p1.chifan();
</script>