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

时间:2022-12-27 17:39:47

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

三个常用对话框

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

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

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

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

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

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

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

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

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

javascript语法:

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

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

输出:

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

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

数组:定义var array=new Array();长度是动态变化的,可以存放任意类型的元素

a.length 数组的长度 a.sort()数组排序  a.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])
}

函数:
函数的四要素:名称,输入,返回值,加工

可以写在外部js文件中

js文件中

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>

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

改变元素的属性:

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

强制转换:

转换为整数:parseint()

转换为小数:parsefloat()

判断是否是一个合法的数字类型:isNaN()是数字返回false,不是数字返回true

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

运算符:数学运算符+ - * / % ++ --

    关系运算符== != <= >= < >

    逻辑运算符&& || !

    其他运算符+= -= *= /= %= ?:

语句:

顺序语句

分支语句

循环语句