javascript是一种嵌入在网页里的程序段,是一种解释性语言,只能被浏览器解释执行。出于安全性的考虑,增加了javascript的限制,增强了客户端交互功能。

JavaScript的作用:

1.增,删,改网页上所有元素及属性;

2.在HTML网页中动态写入文本;

3.响应网页中事件,做出相应处理;

4.校验客户端提交的数据;

5.检测浏览器版本和类型。

JavaScript代码嵌入的嵌入:

1.嵌入script标签<script>......</script>

2.嵌入a标签<a href="javascript:alert('win')";></a>

3.引用外部文件,创建一个JavaScript文件在title下引入:<script src="javascript文件路径",type=“text/javascript”></script>

javascript的数据类型

1.基本数据类型:undefined,null,boolean,number,string

2.引用数据了类型:

(1)原生对象:object,Array,String,Boolean,Number,Date,RegExp

(2)内置对象:Globe,Math

(3)宿主对象:BOM,DOM(依赖浏览器)

(4)自定义对象

数据类型的转换:

(1)自动转换:任何数据和字符串相加都是字符串,遇到减号将字符串转为整数,如果无法转为整数,得到非字符NaN;

(2)强制转换:

parseInt:找数字,如果是数字直接返回,遇到非数字截止

如果首位是非数字,返回NaN

parseFloat:截止到第一个小数点为止

Number:只能转换数字,里面如果包含字符则无法转换,返回NaN

Boolean:0表示false,非0表示true

产生对象的方法:

1.工厂模式:负责产生对象,外部调用不会管内部实现方式

在函数中先要创建一个对象,结束时,要将对象返回出去

2.构造函数:去掉工厂模式的两个步骤,因为浏览器会默认产生一个Object对象和返回一个对象

3.原型:对象.Prototype.方法

4.构造+原型:在构造的基础上判断对象是否有原型的某个函数

5.Json:(1)用于储存和传输数据的一种格式。(2)经常用于服务器和客户端传输数据(3)是一种轻量化的数据交换格式(4)用大括号保存数据(5)每个数据之间,用,隔开

继承:

1.对象的冒充:同时冒充多个父类时,有相同属性或方法时,后面会覆盖前面的

(1)子类中:this.inherit=父类函数名    this.inherit(name)(属性名)

(2)子类中:父类名.call(this,name);

(3)子类中:父类名.apply(this,[name等])

2.原型链(类与类之间的单继承)

子类之外:子类名.Prototype=new 父类名()

BOM

页面上所有的变量都是window的属性

BOM主要功能:

1.弹出浏览器窗口能力

2.移动,关闭,更改浏览器大小的能力

3.提供浏览器信息导航对象

4.提供浏览器载入页面详细的本地对象

5.提供分辨率

定时器:setTimeOut(1,2)(第一参为要执行代码,二参为控制时间:毫秒)

clearTimeOut(test):清除定时器对象

间隔执行程序:setInterval(1,2)(第一参为执行程序,二参为间隔时间:毫秒)

clearInterval(test):清除时间间隔对象

alert:向用户弹出对话框,并等待用户关闭

confirm:弹出选择对话框,并返回用户操作的布尔值,会产生阻塞,用户操作后才返回

prompt:弹出输入框(输入内容为string类型)

open:打开一个窗口

close:关闭窗口

DOM

获取节点

创建节点

替换节点

克隆节点

事件

事件冒泡:当使用时,子元素先触发,父元素也跟着触发

事件捕获:父类先触发,子类再触发

鼠标事件:onmouse移出,onmouseover移入,onclick点击,onmousemove移动,onmousedown按下,onmouseup松开

键盘事件:onkeydown按下任意键,onkeyup松开键,onkeypress按下除shift和Alt以外的键

HTML事件:onload加载,onchange改变文本触发,onfocus获取到光标...

javascrip控制css

(一)控制内联

获取属性

1.通过.style获取元素css属性,可以动态改变css属性

2. .style.getPropertyValue("属性名")

3..style.item(下标)获得当前返回的第几个属性

删除属性:

.style.removeproperty("属性名")

增加属性:

.style.setProperty("","","")动态增加属性,一参为属性名,二参为值,三参为优先级,可以为空

获得对象所有属性:

.style.cssText=""将之前所有的属性覆盖为当前设置的属性

(二)内部样式,外部样式(火狐,IE会将.cssRules改为.Rules)

.styleSheets:得到内部和外部样式的个数数组

.cssRules:得到第几个CSS样式

(三)最终样式(火狐,IE:.currentStyle)

.defaultView.getComputedStyle(1,2)(一参为对象,二参为伪类,一般为“”)是只读的,不能改变内容

java script小结的更多相关文章

  1. java script第一篇(按钮全选的实现)

    今天刚学了java script,记录下学习新知识的点滴.以下是操作步骤.鉴于我是初级者,如有错误,恳请读者指正.万分谢谢. 1.新建一个文档(用NotePad软件,为了使得在浏览器中打开不是乱码,在 ...

  2. Java Script 编码规范【转】

    Java Script 编码规范 以下文档大多来自: Google JavaScript 编码规范指南 Idiomatic 风格 参考规范 ECMAScript 5.1 注解版 EcmaScript ...

  3. Java中文编码小结

    Java中文编码小结 1. 只有 字符到字节 或者 字节到字符 的转换才存在编码转码; 2. Java String 采用 UTF-16 编码方式存储所有字符.unicode体系采用唯一的码点表示唯一 ...

  4. Java script基础

    Java script基础 Js的每个语句后面都要有分号. <script  type="text/java script">所有JS内容</script> ...

  5. Java script 看看黑客怎么写的

    在2011年的BlackHat DC 2011大会上Ryan Barnett给出了一段关于XSS的示例java script 代码: ($=[$=[ ] ] [(__=!$+$)[_=-~-~-~$] ...

  6. Java Script 中 ==(Equal) 和 === (Identity Equal) 的区别和比较算法逻辑

    判断两个变量是否相等在任何编程语言中都是非常重要的功能. JavaScript 提供了 == 和 === 两种判断两个变量是否相等的运算符,但我们开始学习的时候 JavaScript 的时候,就被一遍 ...

  7. Java Script 学习笔记

    JS编程习惯类: 1. 命名 著名的变量命名规则 只是因为变量名的语法正确,并不意味着就该使用它们.变量还应遵守以下某条著名的命名规则: Camel 标记法 首字母是小写的,接下来的字母都以大写字符开 ...

  8. Java序列化小结

    title: Java序列化小结 date: 2017-05-06 20:07:59 tags: 序列化 categories: Java基础 --- Java序列化就是将一个对象转化成一串二进制表示 ...

  9. 10张思维导图带你学习Java​Script

    10张思维导图带你学习Java​Script   下面将po出10张JavaScript相关的思维导图. 分别归类为: JavaScript变量 JavaScript运算符 JavaScript数组 ...

随机推荐

  1. ubuntu初始化root帐号密码

    Ubuntu Kylin 14.04的安装过程中并没有提供设置root密码的过程,取而代之的是自定义的帐号. 如果我们需要使用到root帐号或者root权限,则需要重新设置root帐号的密码. 设置方 ...

  2. JS 时间格式化

    Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month &quo ...

  3. 《大话》之 策略模式 Vs 状态模式

    一.简介: 策略模式: 背景:商店要打折销售,各种版本的销售方式,让小菜心烦意乱 内容:    定义算法家族,分别封装起来,让他们之间可以户型替换,此模式让算法的变化,不会影响到使用算法的用户. 图文 ...

  4. Callable接口、Runable接口、Future接口

    1. Callable与Runable区别 Java从发布的第一个版本开始就可以很方便地编写多线程的应用程序,并在设计中引入异步处理.Thread类.Runnable接口和Java内存管理模型使得多线 ...

  5. 滑动listview隐藏和显示顶部布局

    需求: 1.listview向下滑动时,隐藏顶部布局 2.listview向上滑动到最上面,显示顶部布局 3.顶部布局的隐藏和显示有过渡效果 4.第一次加载listview时,顶部不要隐藏 布局: 注 ...

  6. 【SQL 触发器】

    一.MySQL上触发器的使用 示例: CREATE TRIGGER trigger_name trigger_time trigger_event ON tbl_name FOR EACH ROW t ...

  7. C语言连接SQLSERVER数据库

    第一步:配置ODBC.在配置ODBC时有用户DSN.系统DSN.和文件DSN三种方法,为了稳妥起见,采用系统DSN. DSN的名字叫LocalServer,帐号:sa,密码123456 第二步:打开V ...

  8. torch7安装

    按照官网进行安装即可;(http://torch.ch/docs/getting-started.html#_) # in a terminal, run the commands WITHOUT s ...

  9. Android拓展系列(12)--使用Gradle发布aar项目到JCenter仓库

    目的 发布自己的android library(也就是aar)到公共的jcenter仓库,所有的人都能用gradle最简单的方式引用. 为什么选择jcenter,它兼容maven,而且支持更多形式仓库 ...

  10. 后缀数组 POJ 2406 Power Strings

    题目链接 题意:连续重复子串.给定一个字符串 L,已知这个字符串是由某个字符串 S 重复 R 次而得到的(L = S^R ), 求 R 的最大值. 分析:枚举长度,判断条件是能被总长度整除且LCP ( ...