精通Jquery，JavaScript详解及回顾(3)

JavaScript是JavaScript，java是java，两个是不同的语言，两个是不同的东西！！！

JavaScript以脚本形式添加进HTML文档中并被浏览器执行，添加的方法跟CSS类似，主要有两种方式。

方式一：与CSS内联样式相同，即JavaScript本身就是HTML的一部分。

方式二：与CSS外联样式相同，即JavaScript内容在一个后缀名为JS的文件中，然后再在HTML中引用JS文件。

JavaScript的内联用法：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
     <script type="text/javascript">
         var protocol = window.location.protocol;
         document.write('<script type="text/javascript" src="' + protocol + '//csdnimg.cn/pubfooter/js/repoAddr2.js?v=' + Math.random() + '"></' + 'script>');
    </script>
</head>

JavaScript的外联用法：

Html中代码：

<head>
    <title>index2</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/jquery.mobile-1.4.5.min.css" />
    <script src="../js/jquery.abc.js"></script>
</head>

引用的JS文件为： jquery.abc.js

该文件中的部分代码如下：

        function del(obj) {
            var trId = obj.parentNode.parentNode.id;        //获取当前元素的父节点的父节点的id，即要删除的行的id
            var trObj = document.getElementById(trId);
            document.getElementById("table_tbody").removeChild(trObj);
        }

语句：JavaScript语言的基础构造是语句，每一条语句表示一个命令，通常以分号结尾，不用分号结尾也可，但用的话更清晰。

浏览器会顺序执行每条JavaScript代码;

函数：有语句，自然也就有函数，浏览器调用这个函数之前不会执行函数里的代码。

跟JAVA类似，只不过JavaScript中的方法必须用function进行声明，方法的形参直接用变量名填写，不需要加上变量类型。

如果需要使用方法的返回值，同样不需要再声明方法时加上返回值类型，只需要在方法里面添加上return 以及返回值即可。

例如下面的代码：

<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
<script>
function myFunction(name,job)
{
   alert("Welcome " + name + ", the " + job);   
   return name;
}
</script>

变量和类型：在JavaScript中任意变量都可用var声明，就跟java中的object一样，定义时即可赋值。

同样与java一样，JavaScript中的变量也有作用域，方法内的变量只作用于方法内，方法外的则为全局变量。

与java稍许不同的时，任意类型的变量都可以给另外一个变量，也就是说一个变量可以接受任意类型的值。

例如：

var r=1;
r=“abc”;
r=true;
r=3.1415926;

上述代码是没有问题，在java中，会出现类型转换的错误，这一点与java很不同，也就是这一点，让javaScript俗称为弱类型语言，即不关注变量类型的语言。

JavaScript中的数组：

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";

JavaScript中的对象：对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。

属性由逗号分隔：

var person={firstname:"Bill", lastname:"Gates", id:5566};
var person={
firstname : "Bill",
lastname  : "Gates",
id        :  5566
};

上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。

空格和折行无关紧要。声明可横跨多行：

对象里面也有方法，具体不再一一阐述，想要学习的可以参考W3CSchool网站里面的讲解，里面讲解的还是很详细的，

链接在这里：http://www.w3school.com.cn/js/js_obj_intro.asp

JS主要用来给html中的元素添加事件，以及相关操作。。。太多了。。

下面说一下几个常用的写法、操作、事件。

1.迭代对象的属性：

var data={
 name:"zhangsan",
 printMessages:function(){
	console.log("hello"+this.name);
 }
};

for(var prop in data)
{
	console.log("name:"+prop+"value:"+data[prop]);
}

内容太多，未完待续！！！！！

精通Jquery，JavaScript详解及回顾(3)

猜你喜欢