js简介、基本语法、类型转换、变量、运算符、分支语句、循环语句、函数、函数调用

javascript是个脚本语言，需要有宿主文件，他的宿主文件是html文件。

三个常用对话框

alert("")警告对话框，弹出一个警告对话框

<script>
alert("你好")
</script>

confirm("")确定对话框，弹出一个可供选择的确定对话框，点击确定返回true，点击取消返回false，可用变量接受。

<script>
confirm("你好")
</script>

prompt("要显示的文字")弹出一个可以输入内容的对话框

<script>
prompt("你好","张三")
</script>

javascript语法：

基本数据类型：字符串、整数、小数、日期时间、布尔型

变量：通用类型var，可以储存其他随便类型的值，可以直接使用不用定义，但习惯上定义。

输出：

<script>
document.write("<p style='color:red'>出自<br />朱自清</p>")
</script>

数组：定义var　array＝ｎｅｗ　Ａｒｒａｙ（）；长度是动态变化的，可以存放任意类型的元素

ａ．length　数组的长度　ａ．sort（）数组排序　　ａ．reverse（）数组翻转

冒泡排序：

var array = new Array();
array[0]=3;
array[1]=11;
array[2]=62;
array[3]=6;
array[4]=1;



for(var i =0;i<array.length-1;i++)
{
    for(var j=i+1;j<array.length;j++)
    {
        if(parseInt(array[i])>parseInt(array[j]))
        {
            var zhong = array[i];
            array[i]=array[j];
            array[j]=zhong;    
        }    
    }
    alert(array[i])
}

函数：
函数的四要素：名称，输入，返回值，加工

可以写在外部ｊｓ文件中

ｊｓ文件中

function Change()
{
    var a = document.getElementById("pp");
    a.style.color="red";    
}

html文件body里

<p id="pp" onclick="Change()">春天来了，花儿开了，草儿绿了。</p>

html外

<script src="222.js"></script>

 

点击变为红色

 

 

改变元素的属性：

<p id="hello">hello</p>
<script>
                 function hello()
                 {
                                     x=document.getElementById("hello")
                                     x.style.color = "#ff0000";
                 }
</script>
<input type="button" value="点击变颜色" onclick="hello()" />
<!--点击由黑色变红色-->

 

强制转换：

转换为整数：parseｉｎｔ（）

转换为小数：parsefloat（）

判断是否是一个合法的数字类型：isＮａＮ（）是数字返回false，不是数字返回true

var a =prompt("请输入一个数字","只能是数字");
if(a!=null)
{
    var b = isNaN(a);
    if(b)
    {
        alert("不是数字")    
    }
    else
    {
        alert("是数字！！！！")    
    }    
}

 

运算符：数学运算符＋　－　＊　／　％　＋＋　－－

　　　　关系运算符＝＝　！＝　＜＝　＞＝　＜　＞

　　　　逻辑运算符＆＆　｜｜　！

　　　　其他运算符＋＝　－＝　＊＝　／＝　％＝　？：

 

语句：

顺序语句

分支语句

循环语句