javaScript学习基础篇(1)(数组)

由于项目需要，开始进入js的学习过程。

js的简单定义：javaScript的简写形式，是一种脚本语言,广泛用于客户端Web的开发，常用来给HTML网页添加动态功能。

javaScript基本语法

javaScript的输入输出：

<!--内容的输入-->
<script type="text/javascript">
 document.write("<h1>这是h1标签</h1>");
 document.write("<h2>这是h2标签</h2>");
 document.write("<h3>这是h3标签</h3>");
</script>

<!--修改标签内容-->
<p id="tip">这是默认文字</p>
<script type="text/javascript">
 document.getElementById("tip").innerHTML = "zww";
</script>

javaScript的常量,变量：

   <!-- 常量,变量 ,计算-->
<script type="text/javascript">
var i = 10;
var j = 20;
var m = i+j;
 document.write("the result is:"+m);
</script>
<br>
<!-- 字符串和数字-->
<script type="text/javascript">
var i = "hello";
var j = 20;
var m = i+j;
 document.write("the result is:"+m);
</script>
<br>
<!-- 字符串和bool-->
<script type="text/javascript">
var i = "hello";
var j = true;
var m = i+j;
 document.write("the result is:"+m);
</script>

数组

<!-- 数组 -->
<script type="text/javascript">
var arr = ["a","b","c"];
 document.write("array[0]="+arr[0]);

 document.write("<br/>");
var arr1 = new Array;
 arr1[0] = "ab";
 document.write("array1[0]="+arr1[0]);

var arr2 = new Array("abc","abcd");
 document.write("array2[0]="+arr2[0]);
</script>

数组的连接

<script>
var a = ['a','b'];
var b = ['c','d'];
 document.write(a.concat(b));
</script>

数组的排序

<script>
// 排序
var a = ['5','4',3,1,'2'];
document.write(a.sort(function(a,b){
return a-b;
}));
</script>

数组的追加

<script>
var arr = new Array('a','b');
 arr.push('c')
 document.write(arr);
</script>

<br>

数组的翻转

<script>
// 数组的翻转
var arr = new Array('a','b','d');
document.write(arr.reverse());
</script>

循环

<!-- 循环 -->
<script type="text/javascript">
// for循环
for (var i = 0; i<10; i++) {
 document.write("row = "+i);
 }
 document.write("<br/>");
// while
var j = 0;
while(j < 10 ){
 document.write("row = "+j);
 j++;
 }
 document.write("<br/>");

// do-while
var z = 0;
do{
 z++;
 document.write("row = "+z);
 }while(z<10);

// for in
 document.write("<br/>")
var arr = ["a","b","c","dd"];
for(var v in arr){
 document.write(v +" ");
 }
</script>

javaScript的运算：

<p>i = 10;j=10;i+j=?</p>
<p id="sumid"></p>
<button onclick="sum()">结果</button>
<script type="text/javascript">
function sum(){
var i=10;
var j = 10;
var m = i+j;
 document.getElementById("sumid").innerHTML = m;
 }
</script>

javaScript判断对象是否相等：

<script type="text/javascript">
var i = "10";
var j = 10;
//值判断
 document.write(i == j);
 document.write("<br/>");
//值和类型判断
 document.write(i === j);
 document.write("<br/>");
 document.write(i <= j);
</script>

javaScript switch

<script type="text/javascript">
var i = 5;
switch (i){
case 1:
 document.write("i= 1");
break;
case 2:
 document.write("i= 2");
break;
case 3:
 document.write("i= 3");
break;
default :
 document.write("条件不满足");
break;
 }
</script>

javaScript 函数

   <!--函数-->

<script type="text/javascript">
//无参函数
function demo(){
var a = 10;
var b = 20;
var sum = a+b;
 alert("a+b= "+sum);
 }
//有参函数
function demo1(a,b){
var sum = a+b;
 alert(sum);
 }
//有返回值的函数
//有返回值
function demo3(){
return "你好啊";
 }
var a = demo3();
 alert(a);

</script>
<form>
<input type="button" value="btn" onclick="demo()">
</form>

javaScript 全局变量和局部变量
什么是变量：
      变量是用来存储数据的。

变量的命名规范：
    （1）变量只能由英文字母，数字，下划线以及英文$符组成，并且数字不能放在名称的开头。
      （2）变量的命名不能使用JavaScript中的关键字和保留字。
        关键字：已经被JavaScript内部使用过的。
        保留字：还没有被JavaScript内部使用，但是可能有一天被使用到的。
- 声明变量
  var num ;
- 给变量赋值
  num = “hh”; //赋值运算符

<script type="text/javascript">
var n = 10;m = 20;//全局变量
function vale(){
var x = "a";//局部变量
 y = "b"; //全局变量
 }
 vale();
 alert(y);
</script>

javaScript的异常捕获
将异常代码包裹在 try{}catch(err){ }内，在try内抛出异常，在catch捕获异常进行处理。

    <script type="text/javascript">
function demo(){
try{
 alert("scuess");
 }catch(err){
 alert("error = "+err);
 }
 }
</script>

   //demo
<form>
<input type="text" id="text">
<input type="button" id="btn" onclick="check()" value="按钮">

</form>
<script type="text/javascript">
function check(){
try {
var value = document.getElementById("text").value;
if (value == "") {
throw "请输入内容";
 }
 }catch (err){
 alert(err);
 }
 }
</script>

秒客网

javaScript学习基础篇(1)(数组)

javaScript基本语法

相关文章