精通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]);}
内容太多,未完待续!!!!!
- 精通Jquery,JavaScript详解及回顾(3)
- 精通Jquery,HTML详解及回顾(1)
- 精通Jquery,Css详解及回顾(2)
- 《精通Javascript+jQuery》视频教程
- 精通Javascript+jquery
- 《精通Javascript+jQuery》视频教程
- 精通Javascript+jQuery视频教程目录
- 《精通Javascript+jquery》学习拾零
- 《精通Javascript+jQuery》视频教程目录
- 《精通 Javascript+jQuery》视频教程目录
- [JavaScript][jQuery]jQuery从入门到精通
- javascript引用详解(精通javascript读书笔记)
- javascript基础回顾3
- JavaScript回顾(3)
- JavaScript框架:jQuery选择器精通教程
- 精通Javascript+jQuery视频下载地址
- 读《精通JavaScript+jQuery》笔记一
- 读《精通JavaScript+jQuery》笔记二
- MySQL的安装
- QT编程之区分点击和双击事件
- leetcode-88
- servlet之filter知识
- 浅谈Python中对象拷贝
- 精通Jquery,JavaScript详解及回顾(3)
- 字符串逆序操作
- Keras学习---数据预处理篇
- python库集合
- Missing value auth-url required for auth plugin password
- java总结.
- Install And Configure Openstack Mitaka RDO On CentOS 7 [For POC]
- CodeForces 831C Jury Marks
- Java @override作用