js windows对象

一、DOM操作

windows对象操作

document对象操作

二、属性、事件

1、window的属性:

window.shuxing(属性)

window.fangfa()(方法) 方法后面要加括号。

2、事件做成一个函数,等满足某些条件之后再触发。

例:

加一个点击事件。

<body>

<div style="width:100px; height:100px;

</div>

</body>

<script type="text/javascript">

将DIV要执行的事件代码封装

function Tishi()

{

alert("我被点击了")

}

</script>

通用元素:

①oncilck:单击

②ondblcilck:双击

③onkeydown:按键按下的时候出发

④onkeypress:按了这个键就出发

⑤onkeyup:抬起时出发

⑥onmoussdown: 鼠标单击按下

⑦onmousmove: 鼠标移动

⑧onmousout:鼠标移出

⑨onmousover:鼠标移上

⑩onmousup:鼠标抬起的瞬间

特殊事件(放到表单元素里面使用)

①onblur:失去焦点出发

②onchange:变化的时候出发

③onfocus:获得焦点

④onselcet:代表选中

this:代表元素本身。

事件:

一般来说有两个参数。

例:

load(sender,e) 要有这么两个参数。

sender:代表事件源。即谁触发的事件。

e:代表事件数据。

事件是一个特殊的委托。(代理 )

window.opener:打开源。

window.setInter

时间: 2024-10-14 00:29:26

js windows对象的相关文章

【2017-03-28】JS基础、windows对象、history对象、location对象

一.JS基础 JS - javaScript 1.js功能: 1).进行数据的运算.2).控制浏览器的一些功能.3).控制元素(属性.内容.样式) js引用位置: 可以放在html页的任意位置. 推荐放在<html></html>后边. 也可以放在一个以js结尾的文件内,将该文件引用到html页内. 2.格式: <script type="text/javascript"> js代码 </script> 1.alert("&qu

报表软件JS开发引用HTML DOM的windows对象

HTML DOM是W3C标准(是HTML文档对象模型的英文缩写,Document Object Model for HTML). HTML DOM定义了用于HTML的一些列标准的对象,以及访问和处理HTML文档的标准方法. 通过DOM,可以访问所有的HTML元素,连同他们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. 在JavaScript中可以访问并处理所有的HTML DOM对象(windows对象.location对象.document对象),动态地修改网页.

Underscore.js(JavaScript对象操作方法)

Underscore封装了常用的JavaScript对象操作方法,用于提高开发效率.(Underscore还可以被使用在Node.js运行环境.) 在学习Underscore之前,你应该先保存它的API地址,因为你将在以后经常访问它: http://documentcloud.github.com/underscore/ 从API中,你已经可以看出,Underscore没有任何复杂的结构和流程,它仅仅提供了一系列常用的函数.如果你将API中的方法从头至尾用一遍,你就会对它非常了解. 尽管如此,但

认识JQuery,JQuery的优势、语法、多库冲突、JS原生对象和JQuery对象之间相互转换和DOM操作,常用的方法

(一)认识JQuery  JQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一套定义好的方法    JQuery的主旨:以更少的代码,实现更多的功能 (二)JQuery的优势 1)可以像CSS一样访问和操作DOM 2)修改CSS控制页面外观 3)简化JS代码操作 4)事件代理更加容易 5)动画效果使用方便 6) Ajax技术更加完美 7)大量的基于Jquery的插件 8)可以自定义扩展功能插件 (三)JQuery的语法 格式:$(selector).actio

[转]JS中对象与字符串的互相转换

原文地址:http://www.cnblogs.com/luminji/p/3617160.html 在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: throw new SyntaxError('JSON.parse'); 查询资料,大概意思如下: JSON.parse方法在遇到不可解析的字符串时,会抛出SyntaxError异常. 即:JSON.parse(text, reviver),This method parses a JSON text t

js 遍历对象

function allPrpos(obj) { // 用来保存所有的属性名称和值 var props = ""; // 开始遍历 for(var p in obj){ // 方法 if(typeof(obj[p])=="function"){ obj[p](); }else{ // p 为属性名称,obj[p]为对应属性的值 props+= p + "=" + obj[p]+"<br />"; } } // 最后

js面对对象编程

说到js,很大一部分人会说我很熟悉,在日常的web开发中经常用,那么你的js代码是符合面对对象思路的吗?那你会问我面向过程的js代码有什么不好吗?我的感受是面对对象的js编码更加简洁,减少了混乱,可维护行增强,适合编写富客户端时应用. 好了,首先看看js里如何定义对象: <html> <head> <script type="text/javascript"> var obj=new Object(); obj.name='josh'; obj.ag

js复制对象

<script type="text/javascript"> function getType(o){ var _t; return ((_t = typeof(o)) == "object" ? o==null && "null" || Object.prototype.toString.call(o).slice(8,-1):_t).toLowerCase();}function extend(destinati

【JS工具对象系列】(1)URL工具对象

分享自己的js工具对象,如下为URL工具代码: urlUtil={ /** * 返回当前页面的url * @author chencha * @since 2014-07-04 */ getURL: function() { return document.URL; //大写哦! }, /** 返回url参数数组,分别有name和value属性 * @param {String} url - url字符串 * @author chencha * @since 2014-07-04 */ getU