- 浏览: 115099 次
- 性别:
- 来自: 上海
文章分类
最新评论
<!------------------///事件处理----------------------->
<!--1-事件源对象所对应的HTML标签的事件属性
<script language="javascript">
///事件处理
//1-事件源对象所对应的HTML标签的事件属性
function hideContextmenu()
{
window.event.returnValue=false;
}
</script>
<body oncontextmenu="hideContextmenu()">//oncontextmenu-右键关闭
或<body oncontextmenu="return false">
</body>
-->
<!--2-在javascript代码中设置元素对象的事件属性
<script language="javascript">
//2-在javascript代码中设置元素对象的事件属性
document.oncontextmenu=hideContextmenu;
function hideContextmenu()
{
return false;
}
</script>
-->
<!--在一个专门的<script>标签对,用for属性指定事件源,event属性指定事件名
--常用于各种插件的处理
<script language="javascript" for="document" event="oncontextmenu">
//3-
window.event.returnValue=false;
</script>
-->
<!------------------///window对象----------------------->
<!--window的属性我方法的引用可以省略window.这个前缀-->
<script language="javascript">
//-1-alert()方法--显示OK提示对话框
//-2-confirm()方法--显示带OK/cancel提示对话框,返加true或false
/**//*if(confirm("您好吗?"))
{
alert("你好");
}
else
{
alert("您不好");
}*/
//-3-prompt()方法--输入信息对话框,返回本文
/**//*var age=prompt("年龄","18");
alert(age);*/
//-4-navigate()方法--将当前窗口导航到一个新的url
//-5-setInterval()方法--设置每隔多长时间调用指定代码,执行多次
//-6-setTimeout()方法--设置多长时间后调用指定代码,只执行一次
//-7-clearInterval()方法--取消setInterval(),参数为setInterval()的返回值
//-8-clearTimeout()方法--取消setTimeout(),参数为setTimeout()的返回值
//-9-moveTo()方法--移动窗口
//-10-resizeTo()方法--改变窗口大小
//-11-open()方法
//-12-showModalDialog()方法--创建模态对话框,没有一般用window.open()打开的窗口的所有属性。
//-13-showModelessDialog()方法--方法用来创建一个显示HTML内容的非模态对话框。
//window.open("information.html","_blank","top=0,left=0,width=200,height=200,toolbar=no");
</script>
<!------------------///window对象-frames数组对象----------------------->
<!--
<frameset rows="20%,80%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
<input type=button value="刷新"
onclick="window.parent.frames[1].location.reload()">
或onclick="parent.frames.bottom.location.reload()">
或onclick="parent.frames[bottom].location.reload()">
或onclick="parent.frames.item(1).location.reload()">
或onclick="parent.frames.item('bottom').location.reload()">
或onclick="parent.bottom.location.reload()">
或onclick="parent[bottom].location.reload()">
-->
<!------------------///window对象-event对象----------------------->
<script language="javascript">
//altKey属性
//ctrlKey属性
//shiftKey属性
//clientX,clientY属性--
//screenX,screenY属性
//offsetX,offsetY属性
//x,y属性
//returnValue属性
//cancelBubble属性
//srcElement属性
//keyCode属性
/**//*function window_onkeypress()
{
alert(window.event.keyCode);
}
<body onkeypress=window_onkeypress()>
</body>*/
//button属性
//示例
/**//*function checkCancel()
{
if(window.event.shiftKey)
window.event.cancelBubble=true;
}
function showSrc()
{
if(window.event.srcElement.tagName=="IMG")
alert(window.event.srcElement.src);
}
<body onclick="showSrc()">
<img onclick="checkCancel()" src="aaa.gif">
</body>*/
</script>
<!------------------///window对象-事件----------------------->
<script language="javascript">
//-onload事件
//-onunload事件
//-onbeforeunload事件
/**//*<body onload="alert('欢迎')" onunload="alert('再见')"
onbeforeunload="window.event.returnValue='小心'">
</body>*/
//-onclick事件
//-onmousemove事件
//-onmouseover事件
//-onmouseout事件
//-onmousedowm事件
//-onmouseup事件
//-onkeydown事件
//-onkeyup事件
//-onkeypress事件--用户按了数字或字母键所产生的事件
</script>
<!------------------///window对象-属性----------------------->
<script language="javascript">
//-closed属性--返回true/false
//-opener属性
//-defaultstatus属性
//-status属性
//-screenTop属性--返回当前窗口左上角顶点在屏幕上的垂直位置
//-screenLeft属性--返回当前窗口左上角顶点在屏幕上的水平位置
//////////子窗口调用父窗口的方法window.opener.start();
/**//*var child = window.open("information.html","_blank",
"width=200,height=200,toolbar=no");
function closeChild()
{
if(!child.closed)
child.close();
}
var space_num=0;
var dir=1;
function scroll()
{
var str_space="";
space_num=space_num+1*dir;
if(space_num>40 || space_num<=0)
{
dir=-1*dir;
}
for(var i=0;i<=space_num;i++)
{
str_space += " ";
}
window.status=str_space+"www.it315.org";
}
function start()
{
setInterval("scroll()",100);
}
<body onload="start()">
</body>*/
</script>
<!------------------///window对象-子对象----------------------->
<script language="javascript">
//-location对象--设置显示当前url
//href属性
/**//*window.location.href="http://www.it";
等效于window.navigate("http://www.it");*/
//replace()方法--载入一个url替代当前网页,基本同于href属性
//reload()方法--刷新当前网页文档
//opener.location.reload();//刷新父窗口
//-event对象
//-frames对象
//-screen对象
//-clipboardData对象
//-history对象
//-navigator对象
//-document对象
//Cookie属性
//基本格式:name=value
//设置格式:name=value;expires=Fri,31 Dec 1999 23:59:59 GMT;path=/bookshop;domain=it315.org;secure
//-expires字段 保存的有效时间,删除可以用设时间为以前来完成
//没有设置expires将保存信息在内存中,关闭浏览器将消失
//-domain字段 本cookie在那个域中有效,没有设置只对当前主机有效
//-path字段 设置cookie在服务器上的那个目录下有效
//没有设置path只在当前主机上的目录下有效
//-secure字段
//读取格式:name1=value1;name2=value2
//-cookie value的解码头
//javascript通常用escape和unescape函数
/**//*var never = new Date();
never.setTime(never.getTime()+10*365*24*60*60*1000);
var expString="experes="+never.toGMTString()+";";
document.cookie="area="+escape("北京海淀")+";"+expString;
document.write("area="+'escape("北京海淀")'+";"+expString);
document.cookie="zipcode=100080;"; */
//读取cookie
/**//*function getCookie(name)
{
var result=null;
var myCookie=" "+document.cookie + ";";
var searchName=" "+name+"=";
var startOfCookie=myCookie.indexOf(searchName);
var endOfCookie;
if(startOfCookie != -1)
{
startOfCookie+=searchName.length;
endOfCookie=myCookie.indexOf(";",startOfCookie);
result=unescape(myCookie.substring(startOfCookie,endOfCookie));
}
return result;
}
document.write(document.cookie+"<br>");
document.write("are
<!--1-事件源对象所对应的HTML标签的事件属性
<script language="javascript">
///事件处理
//1-事件源对象所对应的HTML标签的事件属性
function hideContextmenu()
{
window.event.returnValue=false;
}
</script>
<body oncontextmenu="hideContextmenu()">//oncontextmenu-右键关闭
或<body oncontextmenu="return false">
</body>
-->
<!--2-在javascript代码中设置元素对象的事件属性
<script language="javascript">
//2-在javascript代码中设置元素对象的事件属性
document.oncontextmenu=hideContextmenu;
function hideContextmenu()
{
return false;
}
</script>
-->
<!--在一个专门的<script>标签对,用for属性指定事件源,event属性指定事件名
--常用于各种插件的处理
<script language="javascript" for="document" event="oncontextmenu">
//3-
window.event.returnValue=false;
</script>
-->
<!------------------///window对象----------------------->
<!--window的属性我方法的引用可以省略window.这个前缀-->
<script language="javascript">
//-1-alert()方法--显示OK提示对话框
//-2-confirm()方法--显示带OK/cancel提示对话框,返加true或false
/**//*if(confirm("您好吗?"))
{
alert("你好");
}
else
{
alert("您不好");
}*/
//-3-prompt()方法--输入信息对话框,返回本文
/**//*var age=prompt("年龄","18");
alert(age);*/
//-4-navigate()方法--将当前窗口导航到一个新的url
//-5-setInterval()方法--设置每隔多长时间调用指定代码,执行多次
//-6-setTimeout()方法--设置多长时间后调用指定代码,只执行一次
//-7-clearInterval()方法--取消setInterval(),参数为setInterval()的返回值
//-8-clearTimeout()方法--取消setTimeout(),参数为setTimeout()的返回值
//-9-moveTo()方法--移动窗口
//-10-resizeTo()方法--改变窗口大小
//-11-open()方法
//-12-showModalDialog()方法--创建模态对话框,没有一般用window.open()打开的窗口的所有属性。
//-13-showModelessDialog()方法--方法用来创建一个显示HTML内容的非模态对话框。
//window.open("information.html","_blank","top=0,left=0,width=200,height=200,toolbar=no");
</script>
<!------------------///window对象-frames数组对象----------------------->
<!--
<frameset rows="20%,80%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
<input type=button value="刷新"
onclick="window.parent.frames[1].location.reload()">
或onclick="parent.frames.bottom.location.reload()">
或onclick="parent.frames[bottom].location.reload()">
或onclick="parent.frames.item(1).location.reload()">
或onclick="parent.frames.item('bottom').location.reload()">
或onclick="parent.bottom.location.reload()">
或onclick="parent[bottom].location.reload()">
-->
<!------------------///window对象-event对象----------------------->
<script language="javascript">
//altKey属性
//ctrlKey属性
//shiftKey属性
//clientX,clientY属性--
//screenX,screenY属性
//offsetX,offsetY属性
//x,y属性
//returnValue属性
//cancelBubble属性
//srcElement属性
//keyCode属性
/**//*function window_onkeypress()
{
alert(window.event.keyCode);
}
<body onkeypress=window_onkeypress()>
</body>*/
//button属性
//示例
/**//*function checkCancel()
{
if(window.event.shiftKey)
window.event.cancelBubble=true;
}
function showSrc()
{
if(window.event.srcElement.tagName=="IMG")
alert(window.event.srcElement.src);
}
<body onclick="showSrc()">
<img onclick="checkCancel()" src="aaa.gif">
</body>*/
</script>
<!------------------///window对象-事件----------------------->
<script language="javascript">
//-onload事件
//-onunload事件
//-onbeforeunload事件
/**//*<body onload="alert('欢迎')" onunload="alert('再见')"
onbeforeunload="window.event.returnValue='小心'">
</body>*/
//-onclick事件
//-onmousemove事件
//-onmouseover事件
//-onmouseout事件
//-onmousedowm事件
//-onmouseup事件
//-onkeydown事件
//-onkeyup事件
//-onkeypress事件--用户按了数字或字母键所产生的事件
</script>
<!------------------///window对象-属性----------------------->
<script language="javascript">
//-closed属性--返回true/false
//-opener属性
//-defaultstatus属性
//-status属性
//-screenTop属性--返回当前窗口左上角顶点在屏幕上的垂直位置
//-screenLeft属性--返回当前窗口左上角顶点在屏幕上的水平位置
//////////子窗口调用父窗口的方法window.opener.start();
/**//*var child = window.open("information.html","_blank",
"width=200,height=200,toolbar=no");
function closeChild()
{
if(!child.closed)
child.close();
}
var space_num=0;
var dir=1;
function scroll()
{
var str_space="";
space_num=space_num+1*dir;
if(space_num>40 || space_num<=0)
{
dir=-1*dir;
}
for(var i=0;i<=space_num;i++)
{
str_space += " ";
}
window.status=str_space+"www.it315.org";
}
function start()
{
setInterval("scroll()",100);
}
<body onload="start()">
</body>*/
</script>
<!------------------///window对象-子对象----------------------->
<script language="javascript">
//-location对象--设置显示当前url
//href属性
/**//*window.location.href="http://www.it";
等效于window.navigate("http://www.it");*/
//replace()方法--载入一个url替代当前网页,基本同于href属性
//reload()方法--刷新当前网页文档
//opener.location.reload();//刷新父窗口
//-event对象
//-frames对象
//-screen对象
//-clipboardData对象
//-history对象
//-navigator对象
//-document对象
//Cookie属性
//基本格式:name=value
//设置格式:name=value;expires=Fri,31 Dec 1999 23:59:59 GMT;path=/bookshop;domain=it315.org;secure
//-expires字段 保存的有效时间,删除可以用设时间为以前来完成
//没有设置expires将保存信息在内存中,关闭浏览器将消失
//-domain字段 本cookie在那个域中有效,没有设置只对当前主机有效
//-path字段 设置cookie在服务器上的那个目录下有效
//没有设置path只在当前主机上的目录下有效
//-secure字段
//读取格式:name1=value1;name2=value2
//-cookie value的解码头
//javascript通常用escape和unescape函数
/**//*var never = new Date();
never.setTime(never.getTime()+10*365*24*60*60*1000);
var expString="experes="+never.toGMTString()+";";
document.cookie="area="+escape("北京海淀")+";"+expString;
document.write("area="+'escape("北京海淀")'+";"+expString);
document.cookie="zipcode=100080;"; */
//读取cookie
/**//*function getCookie(name)
{
var result=null;
var myCookie=" "+document.cookie + ";";
var searchName=" "+name+"=";
var startOfCookie=myCookie.indexOf(searchName);
var endOfCookie;
if(startOfCookie != -1)
{
startOfCookie+=searchName.length;
endOfCookie=myCookie.indexOf(";",startOfCookie);
result=unescape(myCookie.substring(startOfCookie,endOfCookie));
}
return result;
}
document.write(document.cookie+"<br>");
document.write("are
发表评论
-
javascript 中数组使用方法
2009-10-29 13:27 497/* 由于javascript是一种无类型语言,所以一个数 ... -
ajax基础
2009-11-03 10:10 641XMLHTTPRequest---->JavaScrip ... -
ajax基础-jquery
2009-11-03 10:12 806//---------------------------- ... -
正则基础
2009-11-03 10:16 600<html> <script> ... -
可编辑的表格
2009-11-03 10:23 6121脚本jqueryedit.js //在页面装载时,让所有的t ... -
DWR-基本配置文件
2009-11-03 10:33 6501 dwr.xml <?xml version=&quo ... -
DWR-笔记
2009-11-03 10:36 346var xmlrequestXml; function cre ... -
DWR-util.js包工具方法
2009-11-03 10:41 941util.js包含一些有用的函数function,用于在客户端 ... -
DWR-返回-参数为Map
2009-11-03 10:43 633方法1: fuction test{ tt.hello( ... -
DWR-返回-参数为集合
2009-11-03 10:54 396DWR中处理List调用返回JavaBean的java方法 4 ... -
dwr模拟google suggest
2009-11-03 11:07 3751 web.xml <!------ AutoSugge ... -
正则基础2
2009-11-04 14:42 5051111-1234 re \d{5}(-\d{4})? ?指前 ... -
cookie.js
2009-11-04 15:42 576js读写cookie可以提高效率,现对代码作仔细说明,以备用: ... -
Event对象的属性
2009-11-29 21:37 465function MyAlert() { var msg=&q ... -
javascript语法_函数_对象_数组
2009-11-29 21:52 375<script language="javas ... -
事件显示声明
2009-11-29 21:55 713<script type=text/javascript ... -
LavaLamp mean
2009-12-06 23:18 601具有flash效果的菜单,基于jquery Download ... -
ajax 书签
2009-12-30 15:17 645框架: Yahoo UIProtoTypeJQueryOpen ... -
给Dreamweaver安装jQuery插件jQuery_API.mxp
2010-01-20 12:38 759要让Dreamweaver支持jQuery自动提示代码功能,方 ... -
jQuery-强大的jQuery选择器 (详解)[转]
2010-01-21 11:48 2831. 基础选择器 Basics 名称 ...
相关推荐
根据提供的文件信息,我们可以推断出这是一本关于JavaScript DOM编程技术的书籍——《JavaScript DOM编程艺术(第2版)》。尽管实际书籍内容并未给出,但从标题、描述及部分链接信息来看,这本书主要涉及JavaScript...
《JavaScript DOM编程艺术》是Jeremy Keith所著的一本关于JavaScript和DOM(文档对象模型)编程的经典图书,它不仅阐述了JavaScript和DOM的基本知识,还着重讲解了DOM编程技术背后的思路和原则。本书被赞誉为Web设计...
JavaScript DOM编程艺术(第2版)是一本深受程序员喜爱的JavaScript技术书籍,专注于讲解如何使用JavaScript与Document Object Model(DOM)进行交互。DOM是Web页面的结构化表示,它允许我们通过编程方式操纵HTML和XML...
但是,根据标题《JavaScript DOM编程艺术【第2版&高清】.pdf》和描述“JavaScript DOM编程艺术,高清资源,无比经典,值得拥有”,我们可以推断这本书主要讲述了JavaScript中DOM(文档对象模型)的相关编程技术。...
JavaScript DOM编程艺术(第2版)是一本深受开发者欢迎的书籍,主要涵盖了JavaScript语言在Web前端开发中的应用,特别是关于DOM(Document Object Model)的深入理解和实践。这本书的随书光盘包含了源代码和PDF电子版...
JavaScript DOM编程艺术是一本深入解析DOM操作的经典书籍,它的源码提供了丰富的实例,帮助开发者深入理解如何使用原生JavaScript高效地操纵网页元素。DOM(Document Object Model)是HTML和XML文档的标准表示,它将...
《JavaScript DOM编程艺术》是一本深受开发者欢迎的JavaScript学习书籍,专注于DOM(Document Object Model)这一核心概念。DOM是Web页面的结构模型,通过JavaScript与DOM的交互,开发者可以实现对网页内容的动态...
JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码...
总的来说,JavaScript DOM2是Web开发中的关键工具,它让JavaScript成为了一种强大的客户端脚本语言,为网页带来了丰富的动态性和交互性。通过学习和实践,开发者可以提高网页的用户体验,创建出更加智能和灵活的Web...
《JavaScript DOM编程艺术 第2版》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍。DOM是Web页面的结构模型,JavaScript通过DOM API能够对网页内容进行动态操作,实现丰富的交互效果。这...
JavaScript DOM编程艺术是一本深入探讨如何使用JavaScript操作和操纵网页文档对象模型(Document Object Model)的经典书籍。DOM是HTML和XML文档的一种结构化表示,它允许我们通过编程方式访问和修改网页内容。这...
### JavaScript DOM编程艺术 第2版 #### 知识点概览 从提供的信息来看,《JavaScript DOM编程艺术 第2版》是一本专注于JavaScript及其与DOM(文档对象模型)交互的书籍。DOM是网页的核心组成部分之一,它定义了...
DOM是一个树形结构,将网页内容分解为独立的对象,这些对象可以被JavaScript或者其他脚本语言访问和操作。在JavaScript中,DOM主要用于创建、修改和操纵网页元素,从而实现动态网页效果。 在学习JavaScript DOM时,...
《JavaScript DOM高级程序设计》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍。这本书的源码提供了一种实践的方式,帮助读者更好地理解书中的理论知识,并且能够亲手实现书中提到的各种...
《JavaScript DOM编程艺术》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍。DOM是HTML和XML文档的结构化表示,JavaScript通过DOM API能够对网页内容进行动态操作,实现丰富的交互效果。...
JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 ...
JavaScript DOM编程艺术第二版是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍,主要面向希望提升JavaScript技能并掌握网页动态效果开发的Web开发者。DOM是HTML和XML文档的编程接口,它允许...
《JavaScript DOM编程艺术 第2版》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍。DOM是Web页面的结构化表示,通过JavaScript,我们可以利用DOM来动态地操作HTML和XML文档,实现丰富的交互...
### JavaScript DOM编程艺术知识点概述 #### 一、DOM基础概念 **1.1 DOM简介** DOM(Document Object Model)即文档对象模型,是一种与平台和语言无关的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和...