1. 屏蔽鼠标右键
oncontextmenu="window.event.returnValue=false"
可用于Table
2. 无法选取、禁止复制
3. 禁止复制
oncopy="return false;" oncut="return false;"
4. 禁止粘贴
onpaste="return false"
5. 最小化、最大化、关闭窗口
本例适用于IE
6. 让表单没有凹凸感
或
7. 去掉滚动条
去掉竖条:
去掉横条:
两个都不要:
8. 去掉图片链接点击后,图片周围的虚线
9. 在打开的子窗口刷新父窗口的代码
window.opener.location.reload()
10. 设定新开页面的大小
打开页面的位置
11. 在页面中加入背景,拉动页面时背景图不动
12. TEXTAREA自适应文字行数的多少
13. 网页将不能被另存为
14. 单击鼠标右键弹出添加收藏夹对话框
在
之间加上如下代码：
15. 随机变换背景图象
在
之间加上如下代码：
16. 关闭当前窗口
关闭窗口
17. 2秒后关闭当前页
18. 2秒后载入指定网页
19. 改变滚动条的颜色
20. REALONE播放器镶嵌页面的代码
21. 指定位置随机图片显示
22. window.open() 支持环境,语法,参数,例子(详细)
① window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+
② 基本语法:
window.open(pageURL,name,parameters)
其中:
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)
③ 各项参数
其中yes/no也可使用1/0;pixel value为具体的数值,单位象素
参数取值范围说明
alwaysLowered yes/no 指定窗口隐藏在所有窗口之后alwaysRaised yes/no 指定窗口悬浮在所有窗口之上
depended yes/no 是否和父窗口同时关闭
directories yes/no Nav2和3的目录栏是否可见
height pixel value 窗口高度
hotkeys yes/no
在没菜单栏的窗口中设安全退出热键
innerHeight pixel value 窗口中文档的像素高度innerWidth pixel value 窗口中文档的像素宽度location yes/no 位置栏是否可见menubar yes/no 菜单栏是否可见
outerHeight pixel value
设定窗口(包括装饰边框)的像素高度
outerWidth pixel value
设定窗口(包括装饰边框)的像素宽度
resizable yes/no 窗口大小是否可调整screenX pixel value 窗口距屏幕左边界的像素长度screenY pixel value 窗口距屏幕上边界的像素长度scrollbars yes/no 窗口是否可有滚动栏
titlebar yes/no 窗口题目栏是否可见
toolbar yes/no 窗口工具栏是否可见
Width pixel value 窗口的像素宽度
z-look yes/no
窗口被激活后是否浮在其它窗口之上
④ 例子:
脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，
屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏
Added by Admin (2005-9-30 1:43:48) 动态加css文件：document.createStyleSheet("xxx.css")
为某个对象写style：obj.cssText
obj.all.tags("table") //查找所有obj中包含的table
obj.children.getElementByTagName("标签名称") xml中
创建web对象
function addElement(p,el){ return
p.appendChild(element.document.createElement(el)); }
Event 事件
事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
document 对象
窗体活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
创建元素
document.createElement("SPAN");
根据鼠标获得元素
document.elementFromPoint(event.x,event.y).tagName=="TD" document.elementFromPoint(event.x,event.y).appendChild(ms) 窗体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件
document.all.xxx.detachEvent('onclick',a);
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
获取选中内容
document.selection.createRange().duplicate().text
插件数目
navigator.plugins
取变量类型
typeof($js_libpath) == "undefined"
下拉框
下拉框.options[索引]
下拉框.options.length
查找对象
document.getElementsByName("r1");
document.getElementById(id);
定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);
UNCODE编码
escape(),unescape
父对象
obj.parentElement(dhtml)
obj.parentNode(dom)
交换表的行
TableID.moveRow(2,1)
替换CSS
document.all.csss.href = "a.css";
并排显示
display:inline
隐藏焦点
hidefocus=true
根据宽度换行
style="word-break:break-all"
让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;
框架透明背景
获得style内容
obj.style.cssText
自动刷新
简单邮件
MailMe
快速转到位置
obj.scrollIntoView(true)
锚
anchors
网页传递参数
location.search();
可编辑
obj.contenteditable=true
执行菜单命令
obj.execCommand
双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
防止点击空链接时，页面往往重置到页首端
word
上一网页源
asp:request.servervariables("HTTP_REFERER")
javascript:document.referrer
释放内存
CollectGarbage();
禁止右键
document.oncontextmenu = function() { return false;}
禁止保存
禁止选取
oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()>
禁止粘贴
地址栏图标
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
查看源码
关闭输入法
自动全选
ENTER键可以让光标移到下一个输入框
文本框的默认值
checkbox扁平
自动完成功能
title换行
obj.title = "123
sdfs "
获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
窗口是否关闭
win.closed
窗口最大化
无关闭按钮IE
window.open("aa.htm", "meizz", "fullscreen=7");
统一编码/解码
alert(decodeURIComponent(encodeURIComponent("https://www.360docs.net/doc/904126750.html,/s?wd=阿飞"))) encodeURIComponent对":"、"/"、";" 和 "?"也编码
表格行指示
各种尺寸
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)";
s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
s += "\r\n网页正文全文高："+ document.body.scrollHeight;
s += "\r\n网页被卷去的高："+ document.body.scrollTop;
s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
s += "\r\n网页正文部分上："+ window.screenTop;
s += "\r\n网页正文部分左："+ window.screenLeft;
s += "\r\n屏幕分辨率的高："+ window.screen.height;
s += "\r\n屏幕分辨率的宽："+ window.screen.width;
s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
过滤数字
特殊用途
onclick="window.external.ImportExportFavorites(true,'https://www.360docs.net/doc/904126750.html,/');">
onclick="window.external.ImportExportFavorites(false,'https://www.360docs.net/doc/904126750.html,/');" >
onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
onclick="window.external.AddFavorite('https://www.360docs.net/doc/904126750.html,/', 'google')">
onclick="window.external.addChannel('https://www.360docs.net/doc/904126750.html,/')">
onclick="window.external.showBrowserUI('PrivacySettings',null)">
不缓存
正则匹配
匹配中文字符的正则表达式： [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
匹配空行的正则表达式：\n[\s| ]*\r
匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/
匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim击数）
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
以下是例子：
利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-
\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replac e(/[^\u4E00-\u9FA5]/g,''))"
1. 用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-
\uFFFF]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replac e(/[^\uFF00-\uFFFF]/g,''))"
2. 用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').repla ce(/[^\d]/g,''))"
3. 用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').repla ce(/[^\d]/g,''))"
消除图像工具栏
or
无提示关闭
function Close(){
var ua=https://www.360docs.net/doc/904126750.html,erAgent
var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
if(ie)
{
var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE
")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
if(IEversion< 5.5)
{
var str = ''
str += '
document.body.insertAdjacentHTML("beforeEnd", str);
document.all.noTipClose.Click();
}
else
{
window.opener =null;
window.close();
}
}
else
{
window.close()
}
}
取得控件得绝对位置
最小化,最大化,关闭
光标停在文字最后
页面进入和退出的特效
进入页面
推出页面
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使
用哪种特效，取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23
网页是否允许被搜索引擎机器人检索
其中属性值有以下一些:
属性值为"all": 文件将被检索，且页上链接可被查询；
属性值为"none": 文件不被检索，而且不查询页上的链接；
属性值为"index": 文件将被检索；
属性值为"follow": 查询页上的链接；
属性值为"noindex": 文件不检索，但可被查询链接；
属性值为"nofollow": 全部不允许。
打印分页
page1
page2
设置打印
classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
codebase="https://www.360docs.net/doc/904126750.html,/scriptx/ScriptX.cab#Version=5,60,0,360">
target=_blank>具体使用手册，更多信息，点这里
自带的打印预览
WebBrowser.ExecWB(1,1) 打开
Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口
Web.ExecWB(4,1) 保存网页
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印预览
Web.ExecWB(8,1) 打印页面设置
Web.ExecWB(10,1) 查看页面属性
Web.ExecWB(15,1) 好像是撤销，有待确认
Web.ExecWB(17,1) 全选
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 关闭窗体无提示
onclick=document.all.WebBrowser.ExecWB(7,1)>
去掉打印时的页眉页脚
浏览器验证
function checkBrowser()
{
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(https://www.360docs.net/doc/904126750.html,yers && !this.dom)?1:0;
this.mac=(this.ver.indexOf('Mac') > -1) ?1:0;
this.ope=(https://www.360docs.net/doc/904126750.html,erAgent.indexOf('Opera')>-1);
this.ie=(this.ie6 || this.ie5 || this.ie4)
this.ns=(this.ns4 || this.ns5)
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)
this.nbw=(!this.bw)
return this;
}
计算内容宽和高
无模式的提示框
function modelessAlert(Msg)
{window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close() ;","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px ;");
}
屏蔽按键
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
JAVASCRIPT 笔试必考题 JavaScript笔试必考题 答案在最后 1) Output------? a)44 b)8 c)4 d)Error output 2) a)Quality b)Q,u,a,l,i,t,y,P,o,i,n,t,T,e,c,h,n,o,l,o,g,i,e,s c)Qualiyt,Point,Technologies d)QualityPointTechnologies 3)Is it possible to nest functions in JavaScript? a)True b)False 4)
a)get code name of the browser of a visitor b)set code name of the browser of a visitor c)None of the above 5)Which of the following is true? a)If onKeyDown returns false,the key-press event is cancelled. b)If onKeyPress returns false,the key-down event is cancelled. c)If onKeyDown returns false,the key-up event is cancelled. d)If onKeyPress returns false,the key-up event is canceled. 6)Scripting language are a)High Level Programming language b)Assembly Level programming language c)Machine level programming language 7)Which best explains getSelection()? a)Returns the VALUE of a selected OPTION. b)Returns document.URL of the window in focus. c)Returns the value of cursor-selected text d)Returns the VALUE of a checked radio input. 8)
Javascript鼠标触发事件大全 Javascript鼠标事件大全 一般事件 事件浏览器支持描述 onClick IE3|N2|O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件onMouseDown IE4|N4|O 鼠标上的按钮被按下了onMouseUp IE4|N4|O 鼠标按下后，松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] 页面相关事件 事件浏览器支持描述 onAbort IE4|N3|O 图片在下载时被用户中断 onBeforeUnload IE4|N|O 当前页面的内容将要被改变时触发的事件 onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误 onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成 onMove IE|N4|O 浏览器的窗口被移动时触发的事件onResize IE4|N4|O 当浏览器的窗口大小被改变时触发
用Js脚本实现页面跳转 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 向上一页 response.Write("") response.Write("") 向上一页 页面跳转:onclick="window.location.href='list.aspx'" P.S. 小技巧(JS引用JS): Javascript刷新页面的几种方法： 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href 自动刷新页面的方法: 1.页面自动刷新：把如下代码加入
区域中 javascript练习题1 习题1 一、单选题 1、向HTML 页面嵌入JavaScript 脚本描述正确的是（ C）。 A.JavaScript 脚本只能放置在HTML 页面中
与中 B.JavaScript 脚本可以放置在HTML 页面中的任何地方 C.JavaScript 脚本必须被标签对所包含 D. JavaScript 脚本必须被与标签对所包含 2、标记与标记（ C ）互相嵌套。 A. 可以 B. 有时可以 C. 不可以 3、标题标记包含6 种标记，每一个级别的字号都有明显区分，下面（A ）标题字号最大？ A. B. C. D. 4、在HTML 超文本标记语言中，标记（ B ）大小写。 A. 区分 B. 不区分 5、编辑JavaScript 程序时（ C ）。 A. 只能使用记事本 B. 只能使用FrontPage 编辑软件 C. 可以使用任何一种文本编辑器 D. 只能使用Dreamweaver 编辑工具 6、下面HTML 标签可以手动输入文本（ B ）。 A. D.<html> 8、<a>可以用于设置（ D ）。</p><p>A．超级链接 B.锚点 C.空链接 D.都可以 9、以下哪个选项是JavaScript 技术特征（ D ）。 A.解释型脚本语言 B.跨平台 C.基于对象和事件驱动 D. 具有以上各种功能 10、JavaScript 的应用（ D ）。 A.网页动画 B.信息验证 C.用户交互式操作 D. 具有以上各种功能 11、JavaScript 只能在IE 浏览器中运行（ B ）。 A.正确 B.错误 12、<img>所支持的图片格式不包括（ C ）。 A. PNG B. JPEG C.MP3 D. GIF 13、下面哪个是换行符标签（ C ）。 A.< p > B. <H1 > C.<br > D. <a> 14、不属于HTML 文档部分（ D ）。 A.HTML 文档类型定义 B.标题声明 C.文档主体 D.脚本程序 15、空链接使用（ A ）符号。 A.”#” B. “&” C.<# > D. <&> 16、标识一个html 文档使用（ C ）标记。 A.<body></body> B. C.<html > </html> D. <h1></h1> 17、客户端最常用的脚本语言是（ B ）。 A.java B. javaScript C.vb D. asp 18、<pre>标记的作用是（ B ）。 A.换行 B. 预格式化 C.分段 D. 标题 19、<ol>标记用于（ A ）。</p><h2>JavaScript面向对象简介</h2><p>JavaScript面向对象简介 JavaScript 的核心是支持面向对象的，同时它也提供了强大灵活的OOP 语言能力。本文从对面向对象编程的介绍开始，带您探索JavaScript 的对象模型，最后描述 JavaScript 当中面向对象编程的一些概念。 复习JavaScript 如果您对JavaScript 的概念（如变量、类型、方法和作用域等）缺乏自信，您可以在重新介绍JavaScript这篇文章里学习这些概念。您也可以查阅这篇JavaScript 1.5 核心指南。 面向对象编程 面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式。它使用先前建立的范例，包括模块化，多态和封装几种技术。今天，许多流行的编程语言（如Java，JavaScript，C＃，C+ +，Python，PHP，Ruby 和Objective-C）都支持面向对象编程（OOP）。 面向对象编程可以看作是使用一系列对象相互协作的软件设计，相对于传统观念，一个程序只是一些函数的集合，或简单的计算机指令列表。在OOP中，每个对象能够接收邮件，处理数据和发送消息给其他对象。每个对象都可以被看作是一个独立的小机器有不同的作用和责任。 面向对象程序设计的目的是促进更好的编程灵活性和可维护性，并在大型软件工程中广为流行。凭借其十分注重的模块化，面向对象的代码开发更简单，往后维护更容易理解，使其自身能更直接的分析，编码，理解复杂的情况和过程，比非模块化编程方法省事。1</p><p>术语 Namespace 命名空间 允许开发人员在一个专用的名称下捆绑所有功能代码的容器。 Class 类 定义对象的特征。 Object 对象 类的一个实例。 Property 属性 对象的特征，比如颜色。 Method 方法 对象的能力，比如行走。 Constructor 构造函数 实例化时调用的函数。 Inheritance 继承 一个类可以继承另一个类的特征。 Encapsulation 封装 类定义了对象的特征，方法只定义了方法如何执行。 Abstraction 抽象 结合复杂的继承，方法，属性，一个对象能够模拟现实的模型。 Polymorphism 多态 多意为‘许多’，态意为‘形态’。不同类可以定义相同的方法或属性。更多关于面向对象编程的描述，请参照维基百科的面向对象编程。 原型编程</p><h2>javascript键盘事件</h2><p>主要分四个部分 第一部分：浏览器的按键事件 第二部分：兼容浏览器 第三部分：代码实现和优化 第四部分：总结 第一部分：浏览器的按键事件 用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按键释放时候的keyup。 在这3种事件类型中，keydown和keyup比较底层，而keypress比较高级。这里所谓的高级是指，当用户按下shift + 1时，keypress是对这个按键事件进行解析后返回一个可打印的“!”字符，而keydown和keyup只是记录了shift + 1这个事件。[1] 但是keypress只能针对一些可以打印出来的字符有效，而对于功能按键，如F1-F12、Backspace、Enter、Escape、PageUP、PageDown和箭头方向等，就不会产生keypress事件，但是可以产生keydown和keyup事件。然而在FireFox中，功能按键是可以产生keypress 事件的。 传递给keydown、keypress和keyup事件句柄的事件对象有一些通用的属性。如果Alt、Ctrl 或Shift和一个按键一起按下，这通过事件的altKey、ctrlKey和shiftKey属性表示，这些属性在FireFox和IE中是通用的。 第二部分：兼容浏览器 凡是涉及浏览器的js，就都要考虑浏览器兼容的问题。 目前常用的浏览器主要有基于IE和基于Mozilla两大类。Maxthon是基于IE内核的，而FireFox和Opera是基于Mozilla内核的。 2.1 事件的初始化 首先需要了解的是如何初始化该事件，基本语句如下： function keyDown(){} document.onkeydown = keyDown; 当浏览器读到这个语句时，无论按下键盘上的哪个键，都将呼叫KeyDown()函数。 2.2 FireFox和Opera的实现方法 FireFox和Opera等程序实现要比IE麻烦，所以这里先描述一下。 keyDown()函数有一个隐藏的变量--一般的，我们使用字母“e”来表示这个变量。 function keyDown(e) 变量e表示发生击键事件，寻找是哪个键被按下，要使用which这个属性： e.which</p><h2>JavaScript事件</h2><p>我的记录（JavaScript事件）JavaScript 事件冒泡简介及应用实例 一、什么是事件冒泡 在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。 打个比方说：你在地方法院要上诉一件案子，如果地方没有处理此类案件的法院，地方相关部门会帮你继续往上级法院上诉，比如从市级到省级，直至到中央法院，最终使你的案件得以处理。 二、事件冒泡有什么作用 （1）事件冒泡允许多个操作被集中处理（把事件处理器添加到一个父级元素上，避免把事件处理器添加到多个子级元素上），它还可以让你在对象层的不同级别捕获事件。 【集中处理例子】 <div onclick="eventHandle(event)" id="outSide" style="width:100px; height:100px; background:#000; padding:50px"> <div id="inSide" style="width:100px; height:100px; background:#CCC"></div> </div> <script type="text/javascript"> //本例子只在外面盒子定义了处理方法，而这个方法一样可以捕获到子元素点击行为并处理它。假设有成千上万子元素要处理，难道我们要为每个元素加</p><h2>《HTML CSS JavaScript网页制作案例教程》_教学大纲讲解</h2><p>《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 （课程英文名称） 课程编号：201509210011 学分：5学分 学时：64学时（其中：讲课学时：45 上机学时： 19 ） 先修课程：计算机基础、计算机网络、计算机应用 后续课程：UI设计、 JavaScript网页特效 适用专业：信息及其计算机相关专业 开课部门：计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事（2学时） [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用</p><p>使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准，明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作，能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面（4学时） [相关案例] 【案例1】简单的网页： 【案例2】新闻页面： 【案例3】图文混排： [知识点] HTML文档基本格式</p><h2>基于对象的JavaScript语言</h2><p>基于对象的JavaScript语言 一、对象的基本结构 JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。属性是对象在实施其所需要行为的过程中，实现信息的装载单位，从而与变量相关联；方法是指对象能够按照设计者的意图而被执行，从而与特定的函数相联。 二、引用对象的途径 一个对象要真正地被使用，可采用以下几种方式获得： 1、引用JavaScript内部对象；this window 2、由浏览器环境中提供；https://www.360docs.net/doc/904126750.html, 3、创建新对象。new 这就是说一个对象在被引用之前，这个对象必须存在，否则引用将毫无意义，而出现错误信息。 三、有关对象操作语句 1、For...in语句 格式如下：For（对象属性名in 已知对象名） 说明：该功能是用于对已知对象的所有属性进行操作的循环控制。它是将一个已知对象的所有属性反复置给一个变量；而不是使用计数器来实现的。它的优点是无需知道对象中属性的个数即可进行操作。 2、with语句 使用该语句的意思是：在该语句体内，任何对变量的引用被认为是这个对象的属性，以节省一些代码。with object{ ...} 所有在with语句后的花括号中的语句，都是在后面object对象的作用域的。 3、this关键字 this是对当前的引用，在JavaScript由于对象的引用是多层次，多方位的，往往一个对象的引用又需要对另一个对象的引用，而另一个对象有可能又要引用另一个对象，这样有可能造成混乱，最后自己已不知道现在引用的那一个对象，为此JavaScript提供了一个用于将对象指定当前对象的语句this。 4、New运算符可以创建一个新的对象 格式：</p><h2>JavaScript中按键事件的e.keyCode e.which e.charCode</h2><p>JavaScript中按键事件的e.keyCodee.whiche.charCode 1、浏览器的按键事件 浏览器有3种按键事件——keydown，keypress和keyup，分别对应onkeydown、onkeypress和onkeyup3个事件句柄。 一个典型的按键会产生所有这三种事件，依次是keydown-->keypress-->keyup。[html]view plaincopyprint? 1.<input type="text"id="text"> 2.<script> 3.document.getElementById("text").onkeypress = function() { 4.console.log("keypress"); 5.}; 6.document.getElementById("text").onkeyup = function() { 7.console.log("keyup"); 8.}; 9.document.getElementById("text").onkeydown = function() { 10.console.log("keydown"); 11.}; 12.</script> 控制台输出： keydown keypress keyup 2、浏览器的兼容性</p><p>(1)FireFox、Opera、Chrome 事件对应的函数有一个隐藏的变量e，表示发生事件。 e有一个属性e.which指示哪个键被按下，给出该键的索引值（按键码）。 静态函数String.fromCharCode()可以把索引值（按键码）转化成该键对应的的字符。eg： [html]view plaincopyprint? 1.<input type="text"id="text"> 2.<script> 3.document.getElementById("text").onkeypress = function(e) { 4.alert("按键码: " + e.which + " 字符: " + String.fromCharCode(e.which)); 5.}; 6.</script> FireFox、Opera、Chrome中输入：a 输出：按键码：97 字符：a (2)IE IE不需要e变量，window.event表示发生事件。 window.event有一个属性window.event.keyCode指示哪个键被按下，给出该键的索引值（按键码）。 静态函数String.fromCharCode()可以把索引值（按键码）转化成该键对应的的字符。eg： [html]view plaincopyprint?</p><h2>JavaScript面向对象编程(最终版)</h2><p>JavaScript面向对象编程 1、引言 JavaScript是一种解释性的，基于对象的脚本语言（an interpreted, object-based scripting language）。JavaScript 基于客户端运行，目前基本上所有的浏览器都支持JavaScript。1995年首次出现时，JavaScript的主要目的还只是处理一些输入的有效性验证，随着互联网的蓬勃发展，JavaScript的应用越来越广泛，特别是近几年AJAX技术（Asynchronous JavaScript and XML）的发展，更使JavaScript的应用达到了一个新的高度。在AJAX技术中，JavaScript是一项关键技术，请求的发送、接收、接收数据后的界面处理都需要使用JavaScript技术，这对JavaScript语言提出了新的需求，本文从JavaScript的基本特点出发，模拟出了面向对象编程的大部分特点，使JavaScript摆脱了以往脚本语言杂乱无章、难以阅读、难以维护的形象，而具有了面向对象特性，极大的方便了JavaScript的开发、维护，提高了软件开发效率。 2、JavaScript的基本特点 JavaScript是解释性的，基于对象的脚本语言。它有下面几个显著特点，这几个特点在后面的面向对象特性模拟中会反复用到，因此这里先详细说明这几个特点。 解释型语言：JavaScript是一种解释性语言，解释性语言相对于编译型语言，编译型语言必须先通过编译才能执行，而解释性语言不需要编 译，直接从上到下解释执行，一边解释一边执行，这就决定了解释性语 言的代码是有先后顺序的，需要执行的代码必须已经解释过。因此， JavaScript需要注意代码的先后顺序。</p><h2>关于javascript事件</h2><p>A 事件流（event flow ） 事件模型分为两种：冒泡型事件、捕获型事件。 冒泡型（dubbed bubbling ）事件：指事件按照从最精确的对象到最不精确的对象的顺序逐一触发。 捕获型（event capturing ）事件：它与冒泡型事件相反，指事件按照从最不精确的对象到最精确的对象的顺序逐一触发。 捕获型事件也被称作自顶向下（DOM层次）的事件模型。 由于IE 浏览器不支持捕获型事件，因此并没有被广泛应用。 B 事件监听 i > 通用监听方法 示例一：</p><p>给浏览器添加监听方法，分为两种：IE 中的监听方法、标准DOM 的监听方法。 ii > IE 中的监听方法 在IE 浏览器中，每个元素都有两个方法来处理事件的监听。分别是：attachEvent( )和detachEvent( )。 附加事件方法：[object].atta chEvent(“事件名”，方法名); 分离事件方法：[object].detachEvent(“事件名”，方法名); 如：o_p.detachEvent(“onclick”,click_A); 示例：</p><p>●使用这种方式可以为同一元素添加多个监听函数； ●在IE 浏览器中，函数的执行顺序与函数的添加顺序相反； ●在IE 浏览器中，虽然函数有先后执行顺序，但都会同时调用； iii > 标准DOM 的监听方法 在使用标准DOM 的浏览器中，每个元素也有两个方法来处理事件的监听。分别是：addEventListener( )和removeEventListener( )。</p><p>添加事件监听方法：[object].addEventListener(“事件名”，方法名，事件模型); 移除事件监听方法：[object].removeEventListener(“事件名”，方法名，事件模型); 注意： 这里的“事件名”不能带on ，如：click（如果是onclick 则错误！） “事件模型”为boolean 类型，通常设置为false ，即“冒泡型”事件。（如果是true 则为“捕获型”事件） 示例：</p><h2>javascript网页对话框</h2><p>2008-12-31 Javascript 弹出窗口总结(收集) Javascript 弹出窗口总结 1: window.open 参数解释： window.open 弹出新窗口的命令； 'page.html' 弹出窗口的文件名； 'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； height=100 窗口高度； width=400 窗口宽度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小，yes为允许； location=no 是否显示地址栏，yes为允许； status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； 2: showModalDialog()、showModelessDialog() (1) window.showModalDialog() 模态对话框 模态对话框始终有焦点（焦点不可移走，直到它关闭）。 (2) window.showModelessDialog() 非模态对话框 由于是对话框，因此它并没有一般用window.open()打开的窗口的所有属性。 不必用window.close()去关闭它， 当以非模态方式［IE5］打开时，打开对话框的窗口仍可以进行其他的操作， 即对话框不总是最上面的焦点，当打开它的窗口ＵＲＬ改变时，它自动关闭。 (3) 使用方法如下： vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) vReturnValue = window.showModelessDialog(sURL [, vArguments] [, sFeatures]) 参数说明： sURL 必选参数，类型：字符串。用来指定对话框要显示的文档的URL。 vArguments 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。 对话框通过window.dialogArguments 来获取传递进来的参数, 通过window.returnValue 来进行回传参数。</p><h2>JavaScript 10分钟速成 (js-in-ten-minutes)</h2><p>Javascript in Ten Minutes Spencer Tipping December22,2010 Contents 1Introduction3 2Types3 3Functions4 3.1Variadic behavior(a cool thing) (4) 3.2Lazy scoping(a cool thing) (4) 3.3The meaning of this(the egregious disaster) (5) 3.3.1Important consequence:eta-reduction (6) 4Gotchas7 4.1Semicolon inference (7) 4.2Void functions (7) 4.3var (8) 4.4Lazy scoping and mutability (8) 4.5Equality (9) 4.6Boxed vs.unboxed (9) 4.7Things that will silently fail or misbehave (10) 4.8Things that will loudly fail (11) 4.9Throwing things (11) 4.10Be careful with typeof (11) 4.11Also be careful with instanceof (12) 4.12Browser incompatibilities (13) 5Prototypes13 5.1Why new is awful (14) 5.2Why you should use prototypes (15) 5.3Autoboxing (15) 6A Really Awesome Equality15 1</p><h2>11讲_JavaScript事件分析</h2><p>Company name WEB 前端开发技术 HTML JavaScript CSS WEB 前端开发技术 第11章JavaScript 事件分析 计算机科学与技术系</p><p>Web前端开发技术主要内容 计算机科学与技术系 ?掌握事件、事件类型的概念 ?掌握事件处理的机制 ?掌握事件名称与句柄的关系 ?学会编写各类的事件响应程序</p><p>计算机科学与技术系 Web前端开发技术11.1 事件编程 事件编程:让用户不仅能够浏览页面中的内容，而且还可以和页面元素进行交互。 事件-事件是可以被JavaScript侦测到的行为(ACTION)。 事件源Window Form Mouse key 事件 单击事件 双击事件 事件句柄 Onclick ondblclick 编写事件 处理代码</p><p>Web 前端开发技术事件驱动案例导入 计算机科学与技术系 <html> <title>事件处理 你好！这是一个简单事件处理程序！ 计算机科学与技术系 Web 前端开发技术 11.1 事件编程（续） 1.网页访问中常见的事件 鼠标单击：例如单击button 、选中checkbo x 和radio 等元素；鼠标进入、悬浮或退出页面的某个热点：例如鼠标停在一个图片上方或者进入table 的范围； 键盘按键：当按下按键或释放按键时；页面或图像载入：例如页面body 被加载时；在表单中选取输入框或改变输入框中文本的内容：例如选中或修改了文本框中的内容；确认表单：例如当准备提交表单的内容。 事件类型：1.鼠标事件2.键盘事件3.浏览器事件
javascript实现页面检测源码
New Document JavaScript教学大纲 《JavaScript程序设计》教学大纲 一．课程性质和任务 《JavaScript程序设计》是计算机软件技术专业的专业技能课，通过本课程的学习，将掌握使用JavaScript 进行Internet客户端应用程序开发的知识，具备使用JavaScript进行浏览器端应用程序开发的基本知识和技能。 二．课程教学目标 知识教学目标： 1. 了解什么是JavaScript。 2. JavaScript基本语法。 3. JavaScript对象基础,DOM基础。 4. 事件处理。 5. 高级DOM技术。 能力培养目标： 1. 能够使用 JavaScript进行浏览器端应用程序的开发。 思想教育目标： 1. 培养学生吃苦耐劳与敬业精神、团队精神。 2. 培养学生具有实事求是的学风和严谨的工作态度。 3．培养学生分析问题和解决问题的能力。 三 .教学内容和要求 （一）理论教学模块 第一章 JavaScript简介 1、教学要求 (1) 了解什么是JavaScript，JavaScript的应用场合及特点。 (2) 掌握JavaScript的基本语法，JavaScript的重要特性，并对JavaScript浏览器应用程序有一个总体上的认识。 2、教学内容 1.1 什么是JavaScript 1.2 JavaScript语法基础 第二章 JavaScript语法 1、教学要求 (1) 了解JavaScript中的变量，掌握JavaScript中变量的定义与使用方法。 (2) 掌握JavaScript中的字符串的定义与使用方法，并掌握字符串的运算方法。 (3) 掌握JavaScript中数组的定义与使用方法。 (4) 掌握JavaScript中函数的定义与使用方法。 2、教学内容 2.1 变量 2.2 字符串运算符 2.3 数组的使用
javascript的三种事件模型 事件使得客户端的 JavaScript 有机会被激活，并得以运行。在一个 Web 页面装载之后，运行脚本的唯一方式，就是响应系统或者用户的动作。虽然从第一个支持脚本编程的浏览器面世以来，简单的事件被实现为 JavaScript 的一部分；但是大多数最近出现的浏览器都实现了强壮的事件模型，使脚本可以更加智能地处理事件。现在的问题在于：为了支持各种浏览器，您必须和多个先进的事件模型做斗争，准确地说，是三个。 这三个事件模型分别和下面的文档对象模型（Document Object Model，即 DOM）三巨头结盟：Netscape Navigator 4 (NN4)，Macintosh 和 Windows 系统的Internet Explorer 4 及其更新版本(IE4+)，以及在 Safari 中得到实现的 W3C DOM。尽管这些模型之间有些地方存在一些本质的差别，但是在一些简易的JavaScript 的帮助下，它们都可以同时适用于同一个文档。本文主要着眼于相互冲突的事件模型中的两个关键方面： * 把一个事件和 HTML 元素绑定起来的方法。 * 在事件被触发后如何对之进行处理。 事件绑定的方法 事件绑定是指构造一个响应系统或者用户动作的 HTML 元素的过程。在不同的浏览器版本中，有不少于五种事件绑定技术。下面我们快速地介绍一下这些技术。 事件绑定方法I：绑定元素属性 最简单和向后兼容性最好的事件绑定方法是把事件绑定到元素标识的属性。事件属性名称由事件类型外加一个“on”前缀构成。尽管HTML属性并不是大小写敏感的，人们还是定义了一个规则，规定事件类型的每一个“词”的首字母大写，比如 onClick 和 onMouseOver。这些属性也被称为事件处理器，因为它们指示了元素如何“处理”特定的事件类型。
