目录一、DOM0级事件处理二、事件冒泡与事件捕获三、DOM2级事件处理四、IE事件处理程序及跨浏览器支持五、事件对象一、DOM0级事件处理事件,由WEB页面中发生的一些特定行为触发。比如在某个页面元素上按下鼠标左键,按下键盘某个按键,某对象获得或丢失焦点时均会触发对应的事件。JavaScript和HTML的交互就是通过事件来实现的。我们使用事件侦听器对事件进行“注册”,事件发生时便执行相应的代码。DOM0级事件处理程序以其简单、跨浏...
cookie概述 在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的,尽管这样能达到一个模拟 全局变量的功能,但并不严谨。例如在导航框架页面内右击,单击快捷菜单中的【刷新】命令,则所有的JavaScript变量都会丢失。因此,要实现严格的 跨页面全局变量,这种方式是不行的, JavaScript中的另一个机制:cookie,则可以达到真正全局变量的要求。 cookie是浏览器提供的一种机制,它将document 对象的cook...
1、BOM简介BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作。使用 BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。使 JavaScript 有能力与浏览器“对话”。2、window 对象1window对象
2 所有浏览器都支持 window 对象。
3 概念上讲.一个html文档对应一个window对象.
4 功能上讲: 控制浏览器窗口的.
5 使用上讲: window对象不需要创建对象,直接使用即可.window 对象方法...
改变HTML输出流:在JavaScript中,document.write() 可用于直接向HTML输出流写内容 1 <!DOCTYPE html>2 <html>3 <body>4 5 <script>6document.write(Date());7 </script>8 9 </body>
10 </html>不要再文档加载之后使用document.writr() 这会覆盖文档。 改变HTML内容修改HTML内容最简单的方法时使用innerHTML属性 1 <html>2 <body>3 4 <p id="p1">Hello World!</p>5 6 <script>7 document.getElementById("p1").innerHTML="New tex...
JavaScript内置json和字符串互转的函数JSON,不需要引入外部组件JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式; 原文:https://www.cnblogs.com/zealousness/p/10500038.html
1、什么是闭包闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。闭包的特点:1. 作为一个函数变量的一个引用,当函数返回时,其处于激活状态。2. 一个闭包就是当一个函数返回时,一个没有释放资源的栈区。简单的说,Javascript允许使用内部函数—即函数定义和函数表达式位于另一个函数的函数体内。而且,这些内部函数可以访问它们所在的外部函数中...
js 中函数的 4 种调用方式:① 作为普通函数来调用,this 的值指向 window,准确地说,this 为 null,被解释成为 window。在 ECMAScript5 标准中,如果 this 为 null,则解释成 undefined<script>
function t(){this.x = ‘hello‘;
}
t();
alert(window.x);
</script>弹出:hello ② a.作为对象的方法来调用,this 指向方法的调用者,即该对象<script>
var obj = {x:‘hello‘,y:‘world‘,t:function(){alert(this.x)}};
obj.t()...
Talk is cheap,Show me your code.JavaScript的历史1995年,Netscape公司的Brenda Eich为Netscape Navigator 2开始着手开发一种名为LiveScript的脚本语言(同时在浏览器和服务器中使用,在服务器上的名字叫LiveWire)。为按期完成开发,Netscape与Sun公司建立了开发联盟。1996年,在Netscape Navigator 2发布前夕,Netscape为蹭热度临时改名LiveScript为JavaScript。因为JavaScript 1.0获得巨大成功,Netscape在Netscape Navigator...
JavaScript是前端必备,而这其中的精髓也太多太多,最近在温习的时候发现有些东西比较容易忽略,这里记录一下,一方面是希望自己在平时应用的时候能够得心应手,另一方面也希望能给别人带来一点点的收获。 一、JavaScript的==和===,即相等运算符和等同运算符。 相等运算符,如果操作数有相同的类型,则判断其等同性,如果两个操作数的值相等,则返回true(相等),否则返回false(不相等); 如果类型不同,则按照...
1.变量的数据变量用来存储值的所在处,有名字和数据类型。变量的数据类型决定将如何代表这些值的位存储到计算机内存中。JavaScript是一种弱类型或者说是动态语言。不用提前声明变量的类型,在程序运行中变量会被自动确定。var age;//不确定类型
age = 10;//确定位整型而java\C中是int age = 10;//直接确定为整形python中可以 不用声明age = 10;JavaScript拥有动态类型,同时也意味着相同的变量可以用作不同的类型var x = 6;//x为数...
UniLabel组件:function OnClick(sender, e){ MainForm.UniLabel1.setText(‘Click!‘);}function Onmousemove(sender, x, y){ MainForm.UniLabel1.setPosition(x, y);} unibutton组件:function OnMouseout(sender, e){ sender.setText(‘Out‘);}uniedit组件function form.Onmousemove(sender, x, y){ MainForm.UniEdit1.setValue(x+‘ : ‘+y); ss=MainForm.UniEdit1.getValue();}原文:http://www.cnblogs.com/findumars/...
前言:该篇说明:请见 说明 —— 浏览器工作原理与实践 目录 在上篇文章中,我们讲到了,当一段代码被执行时,JavaScript 引擎先会对其进行编译,并创建执行上下文。但是并没有明确说明到底什么样的代码才算符合规范。 那么接下来我们就来明确下,哪些情况下代码才算是“一段”代码,才会在执行之前就进行编译并创建执行上下文。一般说来,有这么三种情况: 1、当 JavaScript 执行全局代码的时候,会编译全局代码并创建...
ES6中有一个方法判断两个对象是否相等,这个方法判断是两个对象引用地址是否一致let obj1= {a: 1}let obj2 = {a: 1}
console.log(Object.is(obj1, obj2)) // false
let obj3 = obj1
console.log(Object.is(obj1, obj3)) // trueconsole.log(Object.is(obj2, obj3)) // false当需求是比较两个对象内容是否一致时就没用了。想要比较两个对象内容是否一致,思路是要遍历对象的所有键名和键值是否都一致:1、判断两个对象是否指向同一内...
应用场景:像请假类表单会在从表输入开始时间、结束时间等字段需求1:客户希望根据开始、结束时间自动计算小时数解决方法:1、主表单增加一行,设三个字段[开始时间合计]、[结束时间合计]、[开始结束时间计算结果]在[开始结束时间计算结果]触发脚本calTime()。--计算时间段函数:calTime()
--代码如下:
var B=0;
var E=0;
var RowNum=document.all.edittable_OverTimeApplyDetail_tData.rows.length;
for(var i=0;i<RowNum;i++)
{...
细说JavaScript数据类型及转换JavaScript数据类型
1.Boolean(布尔)
布尔:(值类型)var b1=true;//布尔类型
2.Number(数字)
数值:(值类型)var n1=3.1415926;//数值类型
n1.toFixed(3);//四舍五入保留3位小数。
3.String(字符串)var s1=‘hello‘;//字符串类型
字符串:(值类型,字符串不可变特性)
4.Undefined(未定义)
undefined属于值类型,与其他值计算得到的结果不是我们想要的,但与数据库中的null稍有区别,比如...