一直就崇拜JS如此牛叉的来操作Html标签, 抽出时间来学习学习,哈哈。

Js是Netscape公司语言, 基于对象和事件驱动。

与Java不同之处:

1:所属公司不同
2:js是基于对象,java是面向对象
3:js是由浏览器解释执行,java是由jvm解释执行
4:js是弱类型语言,java是强类型
5:js是非严谨的, java是严谨的
js运行在客户端。 JS基本语法:
1:变量:
通过var关键字定义变量,该变量可以赋予不同类型的常量
var x = 9; x = "dad"
特殊常量undefined
2:语句:
if , switch, while, do, while, for
使用逻辑运算符进行布尔表达式连接的时候,需要短路与短路或
因为在js中,非0即为真, 0为false, 非null为真,null为假,逻辑true,false可以参与运算
js特有语句:
with() ; 可以确定对象所在范围,在范围内,可以直接使用指定对象的属性和行为,而不用(对象.)的 形式调用,简化对象操作
for(变量 in 对象) : 可以对对象的属性及行为进行遍历。 3:数组:
对于js的数组特点在于该数组的长度是可变的,相当于java的集合,还数组中可以存放的元素类型 可以是不同的。 定义格式: var arr = {3,"aa", true}
var arr = new Array();
var arr = [[],[]]二位数组
操作形式和java一样, 都是通过for进行遍历,同时也使用了指针思想 4: 函数:
通过function关键字定义函数,
a: 一般函数
格式 : function 函数名(形式参数....)
{
执行语句;
return;
}
b:动态函数
使用Fcuntion对象
var show = new function("x", "y", "return x + y")
c:匿名函数
一般函数的简写形式。
functon() {}
匿名函数通常用于事件的处理, window.onload = function(){alert('onload')} 在函数使用时需要注意的部分:
function show() { return "xxx"};
var method1 = show();
var method2 = show; 第一句表示show方法运行之后的结赋值给method1
第二句表示将show指向的对象的地址赋值给method2, 就可以通过 method()使用啦。 4:js中的对象: JS可以通过对象的形式将数据进行封装:
首先对对象进行描述, 通过函数来完成
function Person(name, age) {
this.name = name;
this.age = age;
}
var p = new Person("zs",30); alert(p.name + ":" + p['age']);
p.show = function() {
alert(“给对象添加方法”)
} 已定义好的对象:
String, Math, Date, Array.....等等
这些对象都有一个属性叫做prototype, 可以获取指定对象原型的引用,可以通过该引用给已有的对象添加你自己定义的功能。 例如,我自己定义了一个求数组中的最大值:
function getMa() {
var max = 0;
for (var i = 1; i < this.length; ++i) {
if (this[i] > this[max]) max = i;
}
return this[max];
} var arr = [1,5,3,7,87];
Array.prototype.getMax = getMax; 常见的全局方法:
parseInt(numstr, [radix]);
toString() .......等等。 DOM 树, 节点 DHTML 动态的html
html css dom javascript
html : 将数据进行封装
dom : 将标签进行封装
css : 负责标签中数据的样式
javascript :将三个进行融合, 通过程序设计来完成动态的效果 + xmlHttpRequest -- 》 Ajax

  、

Javascript 简单学习的更多相关文章

  1. 正则表达式(javascript)学习总结

    正则表达式在jquery.linux等随处可见,已经无孔不入.因此有必要对这个工具认真的学习一番.本着认真.严谨的态度,这次总结我花了近一个月的时间.但本文无任何创新之处,属一般性学习总结. 一.思考 ...

  2. JavaScript 基础学习1-day14

    JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...

  3. JavaScript正则表达式学习笔记(二) - 打怪升级

    本文接上篇,基础部分相对薄弱的同学请移步<JavaScript正则表达式学习笔记(一) - 理论基础>.上文介绍了8种JavaScript正则表达式的属性,本文还会追加介绍几种JavaSc ...

  4. 初步总结javascript中学习DOM之前的知识

    嘿嘿,又到了周末时间,周六其实就是总结这周的学习的,记得周二周三刚开始接触javascript时间,还是不知道怎么学习的,就感觉找不到方向,那时间学习的只是总结了一些简单的定义或者是学习结构,今天就把 ...

  5. JavaScript紧凑学习

    JavaScript紧凑学习 windows本地,调用命令行: win键+R 键入cmd , (cmd是Command 命令行 简称) 目录是C盘下的 C:\Users\Administrator&g ...

  6. Javascript 简单实现鼠标拖动DIV

    http://zhangbo-peipei-163-com.iteye.com/blog/1740078 比较精简的Javascript拖动效果函数代码 http://www.jb51.net/art ...

  7. javascript正则表达式 - 学习笔记

    JavaScript 正则表达式 学习笔记 标签(空格分隔): 基础 JavaScript 正则表达式是用于匹配字符串中字符组合的模式.在javascript中,正则表达式也是对象.这些模式被用于Re ...

  8. 48.javascript基础学习

    javascript基础学习:   http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,oncli ...

  9. JavaScript 核心学习——继承

    本篇博文讲述如何在 JavaScript 中实现继承,以及原型与原型链的知识,在附录中将会讲述 JavaScript 面向对象的常见错误. ##原型与原型链在 JavaScript 中,使用类将会付出 ...

随机推荐

  1. Tutorial: WPF User Control for AX2012

    原作者: https://community.dynamics.com/ax/b/goshoom/archive/2011/10/06/tutorial-wpf-user-control-for-ax ...

  2. org.hibernate.PropertyNotFoundException:could not find a getter for name in class ....

    Hibernate创建持久化类须符合JavaBean的规范,"get","set"后面紧跟属性的名字,并且属性名的首字母为大写.如果不遵守这个规则,Hibern ...

  3. PHP array_column() 函数

    定义和用法 array_column() 返回输入数组中某个单一列的值. array_column(array,column_key,index_key); 参数 描述 array 必需.规定要使用的 ...

  4. HDU 5961:传递(暴搜)

    http://acm.hdu.edu.cn/showproblem.php?pid=5961 题意:中文题意.给出两个图,判断这个两个图是否都是传递的.注意一下传递的定义要看清,一开始没看清连样例都看 ...

  5. symfony中twig的模板变量与注释

    程序会传递给模板若干变量,你需要在模板里输出他们.例如输出$hello .1{{ hello }}.如果传递给模板的是对象或者数组,你可以使用点. 来输出对象的属性或者方法,或者数组的成员.或者你可以 ...

  6. [ios]离屏渲染优化

    原文链接:https://mp.weixin.qq.com/s?__biz=MjM5NTIyNTUyMQ==&mid=2709544818&idx=1&sn=62d0d2e9a ...

  7. 简单选择排序(Java)

    简单选择排序: 每一趟在整个记录中找到最小的那个作为有序序列的第i个记录. class SelectSort{ public void p(int[] a){ for(int i=0;i<a.l ...

  8. 三种用于select 的选择器

    <html lang="en"> <head> <meta charset="utf-8"> <title>选项 ...

  9. js 正则表达式中的惰性匹配

    今天看到了一个正则的问题,在其实使用了如下的符号: var reg = /\{(.+?)\}/g; 其中的?号让我疑惑了很久,其实他在这里是惰性匹配的意思,就是能匹配的尽量少匹配.相反,如果不加这个? ...

  10. jquery 判断checkbox是否为空的三种方法

    //方法一: if ($("#checkbox-id")get(0).checked) { // do something } //方法二:也适用于单选按钮 if($('#chec ...