java script小结
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小结的更多相关文章
- java script第一篇(按钮全选的实现)
今天刚学了java script,记录下学习新知识的点滴.以下是操作步骤.鉴于我是初级者,如有错误,恳请读者指正.万分谢谢. 1.新建一个文档(用NotePad软件,为了使得在浏览器中打开不是乱码,在 ...
- Java Script 编码规范【转】
Java Script 编码规范 以下文档大多来自: Google JavaScript 编码规范指南 Idiomatic 风格 参考规范 ECMAScript 5.1 注解版 EcmaScript ...
- Java中文编码小结
Java中文编码小结 1. 只有 字符到字节 或者 字节到字符 的转换才存在编码转码; 2. Java String 采用 UTF-16 编码方式存储所有字符.unicode体系采用唯一的码点表示唯一 ...
- Java script基础
Java script基础 Js的每个语句后面都要有分号. <script type="text/java script">所有JS内容</script> ...
- Java script 看看黑客怎么写的
在2011年的BlackHat DC 2011大会上Ryan Barnett给出了一段关于XSS的示例java script 代码: ($=[$=[ ] ] [(__=!$+$)[_=-~-~-~$] ...
- Java Script 中 ==(Equal) 和 === (Identity Equal) 的区别和比较算法逻辑
判断两个变量是否相等在任何编程语言中都是非常重要的功能. JavaScript 提供了 == 和 === 两种判断两个变量是否相等的运算符,但我们开始学习的时候 JavaScript 的时候,就被一遍 ...
- Java Script 学习笔记
JS编程习惯类: 1. 命名 著名的变量命名规则 只是因为变量名的语法正确,并不意味着就该使用它们.变量还应遵守以下某条著名的命名规则: Camel 标记法 首字母是小写的,接下来的字母都以大写字符开 ...
- Java序列化小结
title: Java序列化小结 date: 2017-05-06 20:07:59 tags: 序列化 categories: Java基础 --- Java序列化就是将一个对象转化成一串二进制表示 ...
- 10张思维导图带你学习JavaScript
10张思维导图带你学习JavaScript 下面将po出10张JavaScript相关的思维导图. 分别归类为: JavaScript变量 JavaScript运算符 JavaScript数组 ...
随机推荐
- jquery mobile 转场闪屏的解决
jqm转场闪屏是用phonegap生成apk非常容易遇到的问题,暂时貌似还是没有完美的解决方案,网上暂时有一些方案,个人都尝试了一下发现还是改背景比较有效,总结如下: 改变默认css文件: .ui- ...
- ubuntu下整合eclipse和javah生成jni头文件开发android的native程序(转)
本文介绍两种利用javah命令生成jni头文件的方法,第一种为大众所知的javah命令,第二种为整合javah到eclipse里面.推荐第二种方式,方便快捷,随时修改随时生成 0:前提和条件: 1:u ...
- 在Salesforce中以PDF的格式显示对应的页面
在Salesforce中可以简单设置page的属性让页面以pdf的方式显示内容, 当然了我们的page内容可以用Html的方式编写 设置方式为:renderAs="pdf" 请看如 ...
- python web编程-web客户端编程
web应用也遵循客户服务器架构 浏览器就是一个基本的web客户端,她实现两个基本功能,一个是从web服务器下载文件,另一个是渲染文件 同浏览器具有类似功能以实现简单的web客户端的模块式urllib以 ...
- jquery中append()、prepend()、after()、before()的区别详解
append() - 在被选元素的结尾插入内容(内容的结尾,比如说有个a标签,则是在</a>这个标签之前添加东西) prepend() - 在被选元素的开头插入内容(内容的开始,比如说有个 ...
- FastDFS实现文件上传下载实战
正好,淘淘商城讲这一块的时候,我又想起来当时老徐让我写过一个关于实现FastDFS实现文件上传下载的使用文档,当时结合我们的ITOO的视频系统和毕业论文系统,整理了一下,有根据网上查到的知识,总结了一 ...
- JQuery经典小例子——可编辑的表格
可编辑的表格: 屏幕剪辑的捕获时间: 2015/8/14 9:16 HTML代码为: <!DOCTYPE html> <htmlxmlns="http://www.w3.o ...
- android如何实现文件按时间先后顺序排列显示
<span style="font-size:18px;">File[] files =parentFile.listFiles(fileFilter);//通过fil ...
- BurpSuite拦截HTTPS请求
1.设置好浏览器代理 2. 3.请求https站点(比如https://www.baidu.com),以火狐浏览器例子: 4. 这一步主要是为了显示[我已充分了解可能的风险],如果有,就不用做以上步骤 ...
- C# 插件式程序开发
在网上找了下插件式编程的资料,这里自己先借鉴下别人的,同时发现有自己的看法,不过由于本人水平有限,不一定有参考价值,写出来一方面是为了总结自己,以求提高,另一方面也希望各为朋友看到我的不足,给我提出宝 ...