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

来源:互联网 发布:怎么把淘宝下载到桌面 编辑:程序博客网 时间:2024/05/16 23:54

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]);}

内容太多,未完待续!!!!!