前端学习-javascript

html 文件调用javascript

html 文件

<head>
   <meta charset="UTF-8">
   <title>html练习6</title>
   <!--   <script type="text/javascript"> </script>-->
   <script src="js-1.js"></script>//引入js文件
</head>
<body>
   <input type="button" value="按钮1" onclick="my1Click()">
   <input type="button" value="按钮2" id ="btn">
   <input type="button" value="按钮3" onclick="my3Click()">

   <input type="button" value="按钮4" onclick="my4Click()">

   <input type="button" value="按钮5" onclick="my5Click()">

</body>

javascript 文件
字符串练习数组练习

function my1Click() {
   var iNun1=10;
   var sSting="DASDA"
   var bFlag=true;
   var aNum=[1,2,3,4,5];
   var oObjet={name:"aa",age:12};
   var fNumber=10.23;

   var iNum2=10,sSting2="asda";
   alert(sSting);
}
//my2Click
onload=function(){
   document.getElementById("btn").onclick=function () {
       alert("你好aaa");
   }
}
function my3Click() {
   var iNun1=10;
   var sNum1="10abc";
   var sNum2="abc";
   var bFlag=true;
 //  alert(iNun1+sNum1);//10123
//   alert(iNun1-sNum1);//Number()
 //  alert(iNun1-sNum1);
 //  alert(iNun1-bFlag);

//   alert(bFlag.toString());
  // alert(parseInt(10.23));//整数
   alert(parseFloat("10.23"));
}
function my4Click() {
   var sSting="hello";
   //alert(sSting.length);//长度
 //  alert(sSting.charAt(2));//下标
 //  alert(sSting.substring(1,4));//截取 从一个位置到另一个位置
 //  alert(sSting.substr(1,4));//截取多少个长度
   alert(sSting.indexOf("l",3));//某个内容出现的位置
   alert(sSting.lastIndexOf("l"));//与上面反
}

function my5Click() {
   var aTeam=new Array(4);//括号内是数组大小
   aTeam[0]="aaa";
   aTeam[1]="bbb";
   aTeam[2]="ccc";
   aTeam[3]="ddd";
   alert(aTeam);

   var  aTeama=["aaa","bbb","ccc","ddd"];
  // alert(aTeama[2]);
  // alert(aTeam.toString());
 //  alert(aTeam.join("__").toString());// 不好使
}

前端学习-javascript

推荐阅读更多精彩内容