JavaScript基础笔记

JavaScript基础笔记

输出指定内容

document.write("hello world!")

引入js脚本文件

<script type="text/javascript" src="test.js"></script>

驼峰式命名

第1个单词小写，后面的单词首字母大写

• \t 制表符
• \n 换行符
• \s 空白符

注释

• // 单行注释
• /* */ 多行注释

三大基本语素

• 词
• 句子
• 段落

注意细节

• 调用对象的方法时需要在函数名称后面补加小括号
• Javascript脚本写在或之间
• 公共函数和变量放在之间
• 存放执行期间起作用的代码
• URL统一资源定位符
• 引擎是根据自上而下的顺序来解析的
• 使用var在函数内外分别声明并初始化变量a时，在不同作用域显示不同的值
• 使用document.getElementById(“box”)方法获取id为box的元素
• javascript包括3种基本数据类型：数值、字符串、布尔型
• 假值：0 NaN ‘’ false null undefined

三大符号

• {} 表示对象
• [] 数组
• () 调用或逻辑分隔

三大逻辑结构

• 顺序
• 选择
• 循环

break与continue区别

• break用来跳出循环或switch语句
• continue语句不会退出循环，而是开始新的迭代（即重新执行新的循环）

代码示例

if(typeof(o)=="undefined")
    o = new Object();

var a=2,b=4;
if(a>b){
    a=a-b;
    b=a+b;
    a=b-a;
}
else{
    document.write("b大于a，无法交换");
}

if(a>0){
    a=0;
}
else if(b>0){
    a=b;
}
else if(c>0){
    a=c;
}
else{
    a=-1;
}

var age = prompt('您好，请输入你的年级',"");
swicth(age){
    case "1":
    	alert("你上一年级！");
    	break;
    case "2":
    	alert("你上二年级！");
    	break;
    default:
    	alert("不知道你上几年级！");
}

var a=0;
while(a<0){
    document.write(a);
    a++;
}

var a=0;
do{
    document.write(a);
    a++;
}while(a<10);

for(var i=0;i<10;i++){
    document.write(i);
}

x:for(a=1;a<10;a++){
    document.write("<br />"+a+"<br />");
    for(var b=1;b<10;b++){
        if(a>5) break x;
        document.write(b);
    }
}

<div id="box"></div>
<script>
    document.getElementById("box").style.borderColor="red";
	document.getElementById("box").style.borderStyle="soild";
</script>

<div id="box"></div>
<script>
    with(document.getElementById("box").style){
        borderColor="red";
        borderStyle="soild";
    }
</script>

var a=100;
var c=a.toString();
alert(typeof(c));

var a =100;
var c=a+"";
alert(typrof(c))

var str = "123.30";
var a=parseInt(str);
var b=parseFloat(str);

function f(){
    return "Hello World!";
}
document.write(f());

function add(){
    return a+b;
}
alert(add.length);//add.length 形参的个数

function add(a+b){
if(add.length != arguments.length){
    throw new Error("实参与形参不一致，请重新调用函数！");
}
else{
    return a+b;
}
}
try{
    alert(add(2));
}
catch(e){
    alert(e.message);
}

var a=function(f,x,y){
    return f(x,y);
};
var b=function(x,y){
    return x+y;
};
alert(a(b,3,4));

turn a+b;
}
}
try{
alert(add(2));
}
catch(e){
alert(e.message);
}

```js
var a=function(f,x,y){
    return f(x,y);
};
var b=function(x,y){
    return x+y;
};
alert(a(b,3,4));