JS–乱 <一>
1、 通常位于 或者 内部,位于 时,需加入“window.οnlοad=function(){}” –加载时触发内部代码。
2、var–关键字变量创建
变量可赋值为,数字,数组,”字符串“,通过”document”获取到元素等
eg. var a = 1,2,3; //将1,2,3赋值给a,即 a=123;
var a = document.getElementById ();
var a = document.getElementsByTagName ("X")[y];
//第“y”个“x”标签;
注:自定义变量命名规则:
(1)不能以数字开头;
(2)不能使用JS关键字和保留字;
(3)以字母、下划线、$符号开头被允许;
(4)变量命名需要有意义;
(5)变量名严格区分大小写;
3、变量赋值输出
1)alert –弹出对话框,该语句会打乱代码顺序
2)document –显示写入文档
3)console.log() –输出至控制台(F12打开控制台)
4、变量操作
eg. var a=1,2,3,4,5,6,7,8,9;
document.write( );
1)a --直接提取变量; //1,2,3,4,5,6,7,8,9,5,6,4,1,2 (0-13)
2)a.length --提取变量a长度; //14
3)"你好:" + a + "</br>"; --输出组合信息用”+“链接; //你好:a
4)a.subString(5); --截取a五个字符; //1,2,3,4,5
5)a.charAt (0); --显示a 的第0位元素; //1
注:最后一位元素可表示: a.length -1;
6)a.charCodeAt(); --将a中某位字符转变为字符编码;
7)String.fromCharCode (); --将某字符编码转变为字符;
8)a.indexOf (); --显示某元素位于a中第几位(默认从左向右编码);
eg. a.indexOf (6) ; //5 即元素6位于a中第5位;
9)a.lastIndexOf (); --显示某元素位于a中第几位(从右向左查找);
eg. a.lastIndexOf (1) ; //12 即从右向左第一个元素”1“位于第12位;
10)a.indexOf (x, y); --从第 y 位开始查找元素 x 的位置;
eg. a.indexOf ("1", 4); //12 即从第 4位开始查找元素 1 位置为 12;
5、CSS到JS对应代码变化
oA.innerHTML=a; //oA 空间内写入a变量内容
oA.style.color=”blue”; // oA { color: blue; }
oA.style.paddingTop=”10px” ; // padding-top: 10px;
oA.style.backgroundColor=”#fff”; //background:#fff;
oA.offsetWidth; //width
oA.οnclick=function () {}; //oA.active{}
oA.src=”“;
oA.ClassName=”a” //class=”a”
6、转换大小写
a.toUpperCase(); //转换为大写字母
a.toLowerCase(); //转换为小写字母
7、if(else)–条件分支语句
if ( 条件 ) { 跳转输出 } else { 跳转输出 }
eg. var a = 30;
var b = 10;
if ( a>b ) {
alert ("a大于b") }
else {
alert (“a 小于b" ) }; // a大于b
8、for–循环语句
eg.for ( i=0; i<=100; i++ ){
document.write( i + "<br/>" ) };
// 0
1
2
...
100
9、substring–截取
b.substring( x, y); //从第一个参数开始截取到第二个参数为止,即截取 x 位到 y 位
若:参数中存在负数则系统自动按替换处理,然后截取 0 至 最大正数
10、slice–截取
1)b.slice(n) //从第 n 个截取,若 n>0, 从前往后数进行截取; 若 n<0, 从后往前数截取
2)b.slice (a, b) //从第 a 位截取到第 b 位
11、split–分割
1)addr.split (".") //用某个字符串分割原始字符串,分割后将原始字符串转换成为数组,然后通过数组下标的形式可以访问某数组成员
eg. var addr = www.hao123.com;
var trans = trans.split(".");
alert (trans); //www, han123, com ( 0,1,2)
alert (trans[2]); //com
注:若未明确指定字符串以某个分隔符来分割,则默认空字符串将原始字符串每一项元素分割成数组成员
2)b.split("." ,2) //以第一参数分割,保留第二个参数位成员,即以“.”分割,保留2位元素
eg. var addr = www.hao123.com;
var trans = trans.split(".",2);
alert (trans); //www, han123 ( 0,1,)
alert (trans[1]); //hao123
12、输出框
1)确认框–confirm();
2) 警示框–alert();
3) 输入框–prompt();
eg. var is=prompt("养猪是傻蛋?");
alert(is)
if(is=="是"){
alert("你真聪明!");
}else{
alert("你怎么和她一样!");
is=prompt("养猪是傻蛋?");
}
var age1=prompt("请输入你的年龄?");
if(isNaN(age1)){
alert("请输入正确数据");
age1=prompt("请输入你的年龄?");
}
var age2=prompt("请输入你对象的年龄?");
if(isNaN(age2)){
alert("请输入正确数据");
age2=prompt("请输入你对象的年龄?");
}
var age3=prompt("请输入你前对象的年龄?");
if(isNaN(age3)){
alert("请输入正确数据");
age3=prompt("请输入你前对象的年龄?");
}
13、乱
a.isnan() //测试是否为非数组,若是非数组则为真;