码迷,mamicode.com
首页 > 编程语言 > 详细

JavaWeb基础—JS学习小结

时间:2017-04-07 21:57:28      阅读:275      评论:0      收藏:0      [点我收藏+]

标签:内容   变量   识别   数据   取数据   语言   大小   array   脚本   

JavaScript是一种运行在浏览器中的解释型的编程语言
一、简介
js:javascript是基于对象【哪些基本对象呢】和和事件驱动【哪些主要事件呢】的语言,应用在客户端(注意与面向对象的区分)

js的三大特点
  交互性:信息的动态交互
  安全性:不能访问本地磁盘的文件
  跨平台性:能支持js的浏览器都能运行

JavaScript 对大小写敏感
与java的区别:(只是长得像而已,雷锋&雷峰塔)
   1.不同公司开发的语言,java:Oracl js:网景公司
  2.java:面向对象 js:基于对象(已经有很多存在可以直接使用的对象)
  3.java:强类型语言 js:弱类型语言
  4.java:需要先编译再运行 js:不需要

js的组成:
  ECMAScript
    ECMA:欧洲计算机组织 基本语法
  BOM
    Broswer Object Model 浏览器对象模型
  DOM
    Document Object Model 文档对象模型
    用以访问 HTML 元素的正式 W3C 标准


二、与HTML两种结合方式(建议放在</body>后)
  1.使用script标签 <script type="text/javascript"> js代码 </script>
    那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。
    现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
  2.使用script标签,引入外部js文件 <script type="text/javascript" src="js文件路径">【此处应为空】</script>
    提示:外部脚本不能包含 <script> 标签。

   请使用 document.write() 仅仅向文档输出写内容。
   如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:

三、基本语法(注释同java)
1.原始类型和变量声明:
  五个数据类型:【string number boolean】 null undifined
  JavaScript 变量有很多种类型,但是现在,我们只关注数字和字符串
  极大或极小的数字可以通过科学(指数)计数法来书写:

  使用var进行变量定义,使用typeof(变量名);查看当前变量类型
  var data=new Data(); 拿到对象引用,null表示引用为空,父类都为Object
2.js的语句
  if判断语句(同java)
  switch语句,弱类型,都支持 switch(){
  case:
  break;
  case:
  break;
  }
  循环语句 for while do{}while 类似java
3.js的运算符:
  与java不同的,由于是弱类型,var i=1;1/10*10=1(不是java的0)
  字符串+同java的拼接 相减时会真正执行(非数字报错NaN)- var str="2" str-1=1;
  boolean类型也可以进行加减运算,true为1 false为0
  == :等于,只判断值,与类型无关
  === :全等,检测值和类型
  向页面输出:document.write();输出值或者HTML代码 ("aaa") ("<hr/>") 对应99乘法表案例
4.js的数组:
  弱类型,存取数据无类型要求
  表示方法: var arr=[1,"aa",true];
  使用内置对象Array var arr1=new Array(5),长度为5; 取同java arr1[0]=1;
  var arr2=new Array(3,4,5);为具体元素
  长度属性:length 如arr.length
5.js的函数:【写完方法记得调用,注意单双引号和分号的使用】
  定义方式:使用function关键字:function 函数名(参数列表){} 返回值可选
  调用方法:函数名(参数列表);参数列表不带类型
  弱类型语言,无需类型
  function add(a,b){ var sum=a+b; alert(sum);}
  add(2,3);
  匿名函数:function(){} 调用 var add3=function(){} add3(5,6);
  与上一种类似
  动态函数:【作了解】使用内置对象Function new Function("参数列表","方法体和返回值");
  使用方式同上,参数列表 方法体可以提出来写
6.js的全局变量和局部变量
  全局变量:在一个script中定义一个变量,全局js页面中都可以使用。(其它的script也可以)
  **IE中调试工具,按F12

7.script标签的放置的位置:
  理论上是全局都可以(包括HTML标签后)
  原则:放在</body>后面,由于HTML是由上到下解析,可以保证获取到HTML中的值等。
8.js的重载:

  js中是不支持重载的,原因是js中识别函数的唯一方法就是函数的函数名

  如想模拟java的重载,可以通过函数体中队参数的判断进行模拟
9. JavaScript 对象
  对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
  var person={firstname:"Bill", lastname:"Gates", id:5566};
  当然也可以new一个自己的 var person = new Object();
  当您像这样声明一个 JavaScript 变量时:
  var txt = "Hello";
  您实际上已经创建了一个 JavaScript 字符串对象。字符串对象拥有内建的属性 length。
  对于上面的字符串来说,length 的值是 5。字符串对象同时拥有若干个内建的方法

JavaWeb基础—JS学习小结

标签:内容   变量   识别   数据   取数据   语言   大小   array   脚本   

原文地址:http://www.cnblogs.com/jiangbei/p/6679823.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!