javascripthtml css.docx
- 文档编号:3194425
- 上传时间:2022-11-20
- 格式:DOCX
- 页数:13
- 大小:24.67KB
javascripthtml css.docx
《javascripthtml css.docx》由会员分享,可在线阅读,更多相关《javascripthtml css.docx(13页珍藏版)》请在冰豆网上搜索。
javascripthtmlcss
js屏蔽右键及各种按键js蔽打印js屏蔽鼠标右键js禁止复制
//屏蔽按键
-- //屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键 //Author: meizz(梅花雨)2002-6-18 functiondocument.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键 functionwindow.onhelp(){returnfalse}//屏蔽F1帮助 functiondocument.onkeydown() { if((window.event.altKey)&& ((window.event.keyCode==37)||//屏蔽Alt+方向键← (window.event.keyCode==39)))//屏蔽Alt+方向键→ { alert("不准你使用ALT+方向键前进或后退网页! "); event.returnValue=false; } /*注: 这还不是真正地屏蔽Alt+方向键, 因为Alt+方向键弹出警告框时,按住Alt键不放, 用鼠标点掉警告框,这种屏蔽方法就失效了。 以后若 有哪位高手有真正屏蔽Alt键的方法,请告知。 */ if((event.keyCode== ||//屏蔽退格删除键 (event.keyCode==116)||//屏蔽F5刷新键 (event.ctrlKey&&event.keyCode==82)){//Ctrl+R event.keyCode=0; event.returnValue=false; } if(event.keyCode==122){event.keyCode=0;event.returnValue=false;}//屏蔽F11 if(event.ctrlKey&&event.keyCode==7 event.returnValue=false;//屏蔽Ctrl+n if(event.shiftKey&&event.keyCode==121)event.returnValue=false;//屏蔽shift+F10 if(window.event.srcElement.tagName=="A"&&window.event.shiftKey) window.event.returnValue=false;//屏蔽shift加鼠标左键新开一网页 if((window.event.altKey)&&(window.event.keyCode==115))//屏蔽Alt+F4 { window.showModelessDialog("about: blank","","dialogWidth: 1px;dialogheight: 1px"); returnfalse; } } 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 //屏蔽打印 @mediaprint{ *{display: none} } jQuery-1.3.2.js学习笔记[原] Postedon2009-04-25bypanqunjun 1基础 HTML: 一个人的裸体,是一个人的物质基础,是一个结构。 CSS: 一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人。 JavaScript: 一个人的灵魂,使一个人具备了生命,让它动起来了。 2jQuery的基础 2.1jQuery对象引用 jQuery=window.jQuery=window.$=function(selector,context){...} 在jQuery库内还有两个_$和_jQuery用来备份原先导入的库,备以后使用noConflict()交还使用权。 2.2jQuery的prototype引用 jQuery.fn=jQuery.prototype={init: function(){...},...} jQuery.fn.init.prototype=jQuery.fn; 2.3继承: 目标对象是当前对象this。 jQuery.extend=jQuery.fn.extend=function(){...} 2.4插件机制: 主要是扩展jQuery的对象的prototype。 利用jQuery.extend和jQuery.fn.extend来进行扩展。 //用于扩展jQuery对象本身,相当于静态方法。 jQuery.extend(); //用于扩展jQuery的对象,相当于为每一个jQuery对象多扩展了。 jQuery.fn.extend(); 3选择器 jQuery使用CSS和XPATH的选择器。 3.1基本 #id//通过ID选择 element//通过标签选择 .class//通过class选择 *//选择所有元素 selector1,selector2,selectorN//多个选择的合并 3.2层级 ancestordescendant//父元素下匹配所有后代元素 parent>child//父元素下匹配所有子元素(下一层) prev+next//匹配所有紧接在prev元素后的next元素 prev~siblings//匹配prev元素之后的所有siblings元素 3.3简单 : first//匹配找到的第一个元素 : last//匹配找到的最后一个元素 : not(selector)//从选中的集合中去除selector的集合 : even//匹配所有索引值为偶数的元素,从0开始计数。 dd//匹配所有索引值为奇数的元素,从0开始计数。 : eq(index)//匹配一个给定索引值的元素,从0开始计数。 : gt(index)//匹配大于给定索引值的所有元素 : lt(index)//匹配小于给定索引值的所有元素 : header//匹配如h1,h2,h3的标题元素 : animated//匹配所有正在执行动画效果的元素 3.4内容 : contains(text)//匹配包含给定文本的元素 : empty//匹配不包含子元素或者文本的空元素 : has(selector)//匹配的集合中含有selector的集合 : parent//匹配含有子元素或者文本的元素 可见性 : hidden//匹配所有不可见的元素(hidden或者"display: none") : visible//匹配所有可见的元素 3.5属性 //注意: jQuery1.3废弃的前导符@。 [attribute]//匹配包含属性attribute的元素 [attribute=value]//匹配包含属性attribute=value的元素 [attribute! =value]//匹配属性值attribute不等于value的元素 [attribute^=value]//匹配属性值是以value开始的元素 [attribute$=value]//匹配属性值是以value结束的元素 [attribute*=value]//匹配属性值包含value的元素 [selector1][selector2][selectorN]//指多个属性匹配多满足的元素 3.6子元素 : nth-child(index/even/odd/equation)//匹配其父元素下的第N个子或奇偶子元素,从1开始计数。 : first-child//匹配第一个子元素 : last-child//匹配最后一个子元素 nly-child//匹配只含有一个子元素的子元素 3.7表单 : input//匹配所有input,textarea,select,button元素 : text//匹配所有text : password//匹配所有password : radio//匹配所有radio : checkbox//匹配所有checkbox : submit//匹配所有submit按钮 : image//匹配所有image : reset//匹配所有reset : button//匹配所有button : file//匹配所有file : hidden//匹配所有hidden或者"display: none" 3.8表单对象属性 : enabled//匹配所有可用的元素 : disabled//匹配所有不可用的元素 : checked//匹配所有选中的元素(复选框、单选框、不包含select) : selected//匹配所有选中的option元素 4核心 4.1jQuery核心函数 jQuery(expression,[context])//在全局范围或者context范围(Dom或jQuery)内选择 jQuery(html,[lownerDocument])//根据HTML创建jQuery对象 jQuery(elements)//将Dom对象创建为jQuery对象 jQuery(callback)//$(document).ready()的缩写 4.2jQuery对象访问 each(callback)//遍历jQuery选择的对象 //callback参数有两个,1是下标,2是DOM对象(就是this对象 )。 使用$this的话,是jQuery对象。 size()//返回jQuery对象中元素个数。 length//同size() selector//返回jQuery对象的selector context//返回jQuery对象的context get()//返回所选中的jQuery对象的DOM数组 get(index)//返回一个DOM元素,可以写成类似$("div")[0]。 jQuery具有 数组特性。 index(subject)//返回DOM对象的位置 4.3数据缓存 data(name)//返回在jQuery对象上缓存的数据 data(name,value)//在jQuery对象上设置缓存数据 removeData(name)//在元素上移除存放的数据 queue([name])//返回在jQuery对象上的队列(一个函数数组) queue([name,callback])//在队列后面加入一个函数 dequeue([name],queue)//用新的函数数组代替原先的函数数组 dequeue([na
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- javascript html css