JS
文章平均质量分 77
JQUERY、JAVASCRIPT
孔子-说
成功只是一只沦落在鸡窝里的鹰,成功永远属于自信且有毅力的人!
屡战屡败,屡败屡战
失败是我无奈的宿命
坚韧是我不屈的灵魂
展开
-
原生js使用 nextSibling 实现可输入下拉框
HTML中的每个标签元素、属性、文本都能看做是一个DOM的节点,这些dom节点构成了一个树形结构,类似于一颗家族树一样,一层接一层,这就是Html的DOM树。而JavaScript为了能够操作Html,定义了一套自己的dom编程接口,通过这些接口可以操作html的每个DOM节点。本教程我们使用nextSibling属性实现可编辑的下拉框。目录结构1、nextSibling的用法2、使用 nextSibling 实现可编辑下拉框3、JavaScript DOM操作的常用方法和属性详情请前往以下网址查转载 2022-05-30 11:48:02 · 751 阅读 · 1 评论 -
jQuery框架获取及设置单选框、多选框、文本框内容
获取一组radio被选中项的值 var item = $("input[name=items]:checked").val(); 获取select被选中项的文本 var item =$(#select_id option:selected).text() select下拉框的第二个元素为当前选中值 $(#select_id)[0].selectedIndex = 1; radio单选组转载 2009-12-29 17:25:00 · 1376 阅读 · 0 评论 -
ES6新特性系列
《ES6新特性1:let 和 const 命令》《ES6新特性2:箭头函数》《ES6新特性3:变量的解构赋值》《ES6新特性4:class类》《ES6新特性5:Module模块化》《ES6新特性6:对象的扩展》原创 2021-07-16 09:08:57 · 272 阅读 · 0 评论 -
ES6新特性6:对象的扩展
对象(object)是 JavaScript 最重要的数据结构。ES6 对它进行了重大升级。1、属性的简洁表示法ES6允许对象的属性直接写变量,这时候属性名是变量名,属性值是变量值。下例中常量age和name作为person对象的属性,age和name作为属性名,其对应的值作为属性值。const age = 12;const name = "Amy";const person = {age, name};person //{age: 12, name: "Amy"}//等同于c原创 2021-07-13 09:39:02 · 317 阅读 · 0 评论 -
ES6新特性5:Module模块化
历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 JavaScript 任何这方面的支持都没有,这对开发大型的、复杂的项目形成了巨大障碍。在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的层面上,实现了模原创 2021-07-12 15:14:42 · 451 阅读 · 0 评论 -
ES6新特性4:class类
传统的javascript(ES6之前)中只有对象,没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。传统JS通过构造函数定义并生成新对象,跟传统的面向对象语言差异很大,容易让人感到困惑。ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字可以定义类,ES6 提供了更接近传统语言的写法,它可以看作一个语法糖,让对象原型的写法更加清晰、更像面向对象编程的语法,class 的本质仍是 function。1、ES5对象原创 2021-07-08 10:02:49 · 501 阅读 · 0 评论 -
ES6新特性3:变量的解构赋值
http://www.kongzid.com/archives/es3 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。解构赋值是对赋值运算符的扩展,主要针对数组或对象中的变量进行赋值。在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。原创 2021-07-07 09:16:33 · 1068 阅读 · 5 评论 -
ES6新特性2:箭头函数
ES6标准新增了一种新的函数:Arrow Function(箭头函数),允许使用“箭头”(=>)定义函数。相对于普通函数,在语法上类似于C#,Java 8和CoffeeScript中的相关功能。它们支持表达式和语句体。更多精彩访问http://www.kongzid.com/archives/es2原创 2021-07-06 17:51:56 · 929 阅读 · 1 评论 -
ES6新特性1:let 和 const 命令
ES6介绍ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,JavaScript是ECMAScript的拓展语言,ECMAScript只是提供了最基本的语法。2009年ES5首次标准化,2015年6月发布了ES2015版本,简称ES6,该版本提供了很多新特性,是该语言的重要更新。在一些文档中用ES6来泛指ES2015之后所有的新标准,要注意分辨用ES6是特指还是泛指。根据官网(https://262.ecma-international.org/6.0/)描原创 2021-07-06 15:46:17 · 401 阅读 · 0 评论 -
在页面上屏蔽js错误提示
<!--屏蔽JS错误 function killerrors() {return true;}window.onerror = killerrors;//-->原创 2014-01-02 14:12:57 · 1249 阅读 · 0 评论 -
运用dtree组件动态生成带复选框的目录树
1.给树对象的 config 对象添加一个控制 checkbox 是否显示的属性; this.config = { target : null, folderLinks : true, useSelection : true, useCookies : true, useLines : true,转载 2010-01-08 17:29:00 · 1301 阅读 · 1 评论 -
40种常用的js代码
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址栏前换成自己的图标6. 可以在转载 2010-01-20 18:03:00 · 1094 阅读 · 0 评论 -
js无缝滚动
纵向JS多张图片纵向无缝滚动 <img src="work2007/images/1_222.jpg" mce_src="work2007/images/1_222.jpg" height=368 width=256 border=0><img src="work2007/images/1_222.jpg" mce_src="work2转载 2009-10-29 11:24:00 · 2922 阅读 · 1 评论 -
js表格排序
Table 排序<!--.odTable {width:500px;border:1px solid #ebebeb;line-height:20px;font-size:12px;background:#FFF;}.odTable thead td {background-color:#ebebeb;}.odTable a {o转载 2009-09-25 14:23:00 · 831 阅读 · 0 评论 -
javaScript经典代码大全
1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键 no 可用于Table 2. 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. IE地址栏前换成自己原创 2008-07-11 16:06:00 · 1572 阅读 · 1 评论 -
拖动对象的代码
<!--var currentMoveObj = null; //当前拖动对象var relLeft; //鼠标按下位置相对对象位置var relTop;function f_mdown(obj){ currentMoveObj = obj; //当对象被按下时,记录该对象 currentMove原创 2008-07-13 23:26:00 · 553 阅读 · 1 评论 -
JavaScript通用库
javascript 在 WEB 编程中能起到很大的作用,将一些常用的功能写成javascript类库。将下面代码保存为Common.js类库功能:1.Trim(str)--去除字符串两边的空格2.XMLEncode(str)--对字符串进行XML编码3.ShowLabel(str,str)--鼠标提示功能(显示字符,提示字符)可以设置显示的提示的文字的字体、颜色、大小转载 2008-07-17 21:08:00 · 685 阅读 · 0 评论 -
使用dtree构建动态树型菜单
使用dtree构建动态树型菜单dtree是一个免费的javascript脚本,只需定义有限的几个参数,就可以做出漂亮的树型菜单。下载目录:http://www.destroydrop.com/javascripts/tree/ 以下是dtree的用法示例:1)初始化菜单Copy codescript type="text/javascript"> var Tree转载 2008-07-28 14:54:00 · 1628 阅读 · 0 评论 -
javascript使用心得
1)Java的特殊逻辑运算,不能用not and or 必须用符号 逻辑运算符 : 符号 说明 ! 逻辑NOT && 逻辑AND ‖ 逻辑OR 如下面的表达式书写 if (newform.sp转载 2008-07-28 15:36:00 · 758 阅读 · 0 评论 -
评估密码强度
密码已经是我们生活工作中必不可少的工具,但一个不安全的密码有又有可能会给我们造成不必要的损失。作为网站设计者,如果我们在网页中能对用户输入的密码进行安全评估,并显示出相应的提示信息,那么对用户设置一个安全的密码将有很大帮助。同时也使得网站更具人性化,更有吸引力. 什么是一个安全的密码呢?本程序按以下的方式进行评估. 1.如果密码少于5位,那么就认为这是一个弱密码. 2.如果密码只由数转载 2008-07-30 14:17:00 · 1071 阅读 · 0 评论 -
常用js大全
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getEle原创 2008-11-13 14:26:00 · 915 阅读 · 0 评论 -
一组JavaScript的小技巧
插入光标所在的Textvar global = null; //记录是要在哪个文本框里插入function mm(){ var old = window.clipboardData.getData("Text"); var txt = window.prompt("请输入", ""); if(txt && global) { window.clipboardData.setDat原创 2008-11-13 14:37:00 · 622 阅读 · 0 评论 -
JS错误代码解释大全
Jscript 运行时错误 Jscript 运行时错误是指当 Jscript 脚本试图执行一个系统不能运行的动作时导致的错误。当正在运行脚本、计算变量表达式、或者正在动态分配内存时出现 Jscript 运行时错误时。 错误号 描述 5029 数组长度必须为一有限正整数 5030 必须赋给数组长度一个有限正数 5028 需要 Array 或 arguments 对象 5010 需要 Boolea原创 2008-11-13 14:38:00 · 1185 阅读 · 0 评论 -
JS代码收藏大全
1. 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. 不准粘贴4. 防止复制5. IE地址栏前换成自己的图标6. 可以在收藏夹中显示出你的图标7. 关闭输入法8. 永远都会带着框架if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页// -->9. 防止被人framei原创 2008-11-13 14:40:00 · 846 阅读 · 0 评论 -
js软键盘
<!-- //定义当前是否大写的状态 var CapsLockValue=0; var check; function setVariables() { tablewidth=630; // logo width, in pixels tableheight=20; // logo height, in pixels if (navigator.appNam转载 2009-03-10 11:08:00 · 2474 阅读 · 0 评论 -
JS弹出窗口的运用与技巧
//关闭,父窗口弹出对话框,子窗口直接关闭 this.Response.Write("window.close();");//关闭,父窗口和子窗口都不弹出对话框,直接关闭this.Response.Write(""); this.Response.Write("{top.opener =null;top.close();}"); this.Response.Write("");//转载 2008-07-10 17:44:00 · 1332 阅读 · 0 评论