JS--乱 <一>

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() //测试是否为非数组,若是非数组则为真;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值