Javascript 简单学习
一直就崇拜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 简单学习的更多相关文章
- 正则表达式(javascript)学习总结
正则表达式在jquery.linux等随处可见,已经无孔不入.因此有必要对这个工具认真的学习一番.本着认真.严谨的态度,这次总结我花了近一个月的时间.但本文无任何创新之处,属一般性学习总结. 一.思考 ...
- JavaScript 基础学习1-day14
JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...
- JavaScript正则表达式学习笔记(二) - 打怪升级
本文接上篇,基础部分相对薄弱的同学请移步<JavaScript正则表达式学习笔记(一) - 理论基础>.上文介绍了8种JavaScript正则表达式的属性,本文还会追加介绍几种JavaSc ...
- 初步总结javascript中学习DOM之前的知识
嘿嘿,又到了周末时间,周六其实就是总结这周的学习的,记得周二周三刚开始接触javascript时间,还是不知道怎么学习的,就感觉找不到方向,那时间学习的只是总结了一些简单的定义或者是学习结构,今天就把 ...
- JavaScript紧凑学习
JavaScript紧凑学习 windows本地,调用命令行: win键+R 键入cmd , (cmd是Command 命令行 简称) 目录是C盘下的 C:\Users\Administrator&g ...
- Javascript 简单实现鼠标拖动DIV
http://zhangbo-peipei-163-com.iteye.com/blog/1740078 比较精简的Javascript拖动效果函数代码 http://www.jb51.net/art ...
- javascript正则表达式 - 学习笔记
JavaScript 正则表达式 学习笔记 标签(空格分隔): 基础 JavaScript 正则表达式是用于匹配字符串中字符组合的模式.在javascript中,正则表达式也是对象.这些模式被用于Re ...
- 48.javascript基础学习
javascript基础学习: http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,oncli ...
- JavaScript 核心学习——继承
本篇博文讲述如何在 JavaScript 中实现继承,以及原型与原型链的知识,在附录中将会讲述 JavaScript 面向对象的常见错误. ##原型与原型链在 JavaScript 中,使用类将会付出 ...
随机推荐
- javaWeb 使用jsp开发 html过滤标签
1.jsp调用代码 <t:htmlFilter> <a href="${pageContext.request.contextPath }/index.jsp"& ...
- Maven创建多个子项目
一.下载jdk并安装:下载apache-maven包,解压到指定目录.(例:D:\Java\apache-maven-3.3.9) 二.配置环境. 1.配置jdk环境 系统变量 (1)JAVA_HOM ...
- 不错的linux下通用的java程序启动脚本(转载)
转自:http://www.cnblogs.com/langtianya/p/4164151.html 虽然写起动shell的频率非常不高...但是每次要写都要对付一大堆的jar文件路径,新加jar包 ...
- linux ll 命令各列的含义
linux ll 命令各列的含义:
- JavaEE基础(二十一)/IO流
1.IO流(字符流FileReader) 1.字符流是什么 字符流是可以直接读写字符的IO流 字符流读取字符, 就要先读取到字节数据, 然后转为字符. 如果要写出字符, 需要把字符转为字节再写出. 2 ...
- java JPEGImageEncoder;图像处理
在Eclipse中处理图片,需要引入两个包: import com.sun.image.codec.jpeg.JPEGCodec; import com.sun.image.codec.jpeg.JP ...
- 修改tomcat的logo
每页的<head> 里添加 <link rel="icon" href="favicon.gif" /> 图片名称必须是favi ...
- hasOwnproperty详细总结
hasOwnProperty:是用来判断一个对象是否有你给出名称的属性或对象.不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员. isPrototypeO ...
- Maya Calendar 分类: POJ 2015-06-11 21:44 12人阅读 评论(0) 收藏
Maya Calendar Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 70016 Accepted: 21547 D ...
- C#递归1~100的累加
public static int Accum(int m, int n) { //对于接受的参数,要考虑m >n,m=n,m<n三种情况. if (m < n) { return ...