JavaScript基础学习笔记(一)

JavaScript 常用功能:
1:写入html输出  document.write("<p>xxxx</p>");
2:对事件做出反应(Javascript有特定的事件响应)
3:改变html内容 例如 x.innerHTML="xxxx";
4:改变html图像的大小或者改变图像的src;
5:改变htmlm元素的属性即样式
6:验证用户的输入(正则表达式或者是判断)


1、JavaScript在html中的使用
1、方式一:使用:
<script>
JavaScript的代码(如果只是函数的话,必须将函数绑定到事件上才行,否则不会执行函数
。或者是JavaScript的语句,而不是函数)
</script>
上面可以放置在head或者body中。如果是语句,则放置在相关html元素旁边
如果是函数则放置在body的最下面等待调用
方式二:使用外部js文件
<script src="xxx.js">
</script>
2:对大小写敏感
3:js注释
单行注释 //
多行注释 /* xxxxx     */


4:JavaScript变量
4.1、var x 变量的声明
赋值:对数值 x=3;对字符串 x="xxxx";
可以在声明变量是进行赋值 :var x="xxxxx";
var x,y,z;
4.2、js的变量类型
String 字符型
var x="xxx";
var x=new String("xxx");


Number 数值型
var x=23;
var x=new Number(25);


Boolean 布尔型
var x=true
var x=new Boolean();


Array 数组
var x=["x0","x1","x2"];


var x=new Array();
x[0]="x0";
x[1]="x1";
x[2]="x2";


var x=new Array("x0","x1","x2");


Object 对象
var x={
    class1:"value1",
    class2:"value2",
    class3:"value3"(如果class不是字符型,则可以不用“”)
}
 var x=new Object();
 x.class1="";
 x.class2="";
 可以向已存在的对象中添加新的属性和方法
注意不同属性使用,号隔开为不是;
调用属性 x.class1 或则是x["class1"]


这些变量都可以使用var 来声明,同时不同类型可以动态改变
大部分变量都可以用对象来表示
5、函数
function name(){
    js代码块
}
function name(x1,x2){
    x1 和x2为参数
    但是不用声明参数的类型
}
function name(){
    return x;
    return ;终止运行
    带有返回值的函数,不用声明返回值的类型
}
在函数内声明的变量只在函数内部有用
而在函数外面声明的变量则属于全局变量,所有的function都可以访问,只有在页面关闭时才会释放


6、数字和字符串相加,则会成为字符串
x="3"+3   (="33");
x="32"+"xs" ; (="32xs")


7、程序结构
7.1、选择结构:
if else
if else if else
switch(n){
    case 1:
    case 2:
    ...
    default:

7.2、循环结构
for循环
for(i=0;i<10;i++)
{


}
for/in 循环
var x={class1:value1,class2:value2  ...}
for (temp in x)
{
    var y=y+x[temp];
}
while(){


}
do{


}while();   // 注意要用;
8、错误检测
try{
  throw exception;//用于创建或者是抛出异常 exception可以是字符串、数字、逻辑值或者是对象
}
catch{


}

猜你喜欢

转载自blog.csdn.net/xiongshiyuan/article/details/79442182