
javascript
文章平均质量分 59
EthanQ
这个作者很懒,什么都没留下…
展开
-
JS正则表达式+---贪婪和非贪婪模式学习总结
今天学习和理解了一下正则表达式贪婪与非贪婪模式,总结一下,与大家共享。首先上一段js代码:try{ str="abcdefgabcdefghijkl"; re1=str.match(/[\W\w]+?/ig); alert("非贪婪模式:\r\n\r\n1:原创 2011-10-13 10:45:18 · 15847 阅读 · 1 评论 -
js 之 密码框 显示密码和隐藏密码
显示密码 function showps(){ if (this.forms.password.type="password") { document.getElementById("box").innerHTML=""; document.get原创 2012-04-21 20:56:46 · 18268 阅读 · 1 评论 -
ajax + servlet 实现三级联动
create table province( pid int, #省编号 主键 pname varchar(20) #省名称);insert into province(pid,pname) values(1,'吉林省');insert into province(pid,pname) values(2,'辽宁省');insert into province(pid,原创 2012-04-21 21:20:36 · 3615 阅读 · 3 评论 -
jquery 实现伸缩菜单效果
用户管理原创 2012-04-21 21:33:42 · 3562 阅读 · 0 评论 -
jquery1.4.2 源文件
/*! * jQuery JavaScript Library v1.4.2 * http://jquery.com/ * * Copyright 2010, John Resig * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * Includes Siz转载 2012-04-21 21:45:25 · 2975 阅读 · 0 评论 -
javascript 之 模态(Modal) 父子窗口交互
父窗口:a1.html a.html 客户id: 客户名称 function openWin(){ //showModalDialog:建立有模式的对话框,弹出a2.html页面后不能再操作a1.html页面的内容// win原创 2012-04-21 22:03:09 · 1343 阅读 · 0 评论 -
jquery checkbox 级联选择
用户管理原创 2012-04-21 21:38:56 · 2367 阅读 · 0 评论 -
jquery 实现左右下拉列表 选项 移动
无标题文档<!--BODY{ font-family:"Courier"; font-size: 12px; margin:0px auto; /*不显示 横纵向 滚动条*/ overflow-x:no; overflow-y:no; background-color: #B8D3F4;}td{ font-size:12px;}.default_input{原创 2012-04-21 21:44:27 · 2787 阅读 · 0 评论 -
jquery 动态添加 tr 到 table
添加用户 添加用户: 姓名: email: 电话: 提交 姓名 email 电话 Tom tom@tom.com 5000 Delete原创 2012-04-21 21:42:49 · 11338 阅读 · 0 评论 -
javascript 之 父子窗口 交互 动态增加option
子窗口:Insert title here function add() { var diploma = document.getElementById("name").value; window.opener.setValues(diploma); window.opener = null; window.close(); } 父窗口:原创 2012-04-21 21:54:41 · 1004 阅读 · 0 评论 -
javascript 之 父子窗口数据交互
父窗口:a1.html a.html function openWin(){ window.open("./a2.html","_blank","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"); } function setValues原创 2012-04-21 21:55:54 · 1126 阅读 · 2 评论 -
javascript 类的继承2
New Document <!---简化类的声明,把派生子类的整个过程包装在extend函数中--> function extend(subClass, superClass) { var F = function() {}; F.prototype = superClass.prototype; su原创 2012-07-13 18:15:55 · 738 阅读 · 0 评论 -
javascript 类的继承3
New Document <!---简化类的声明,把派生子类的整个过程包装在extend函数中--> //更加通用化,不用固化超类的名称 function extend2(subClass, superClass) { var F = function() {}; F.prototype = superC原创 2012-07-13 18:16:36 · 865 阅读 · 0 评论 -
javascript 类继承1
function Person(name) { this.name = name;}Person.ptototype.getName = function() { return this.name;}function Author(name, books) { Person.call(this,name);//call the superclass's cons原创 2012-07-13 18:15:00 · 712 阅读 · 0 评论 -
25个JavaScript代码简写技巧(上篇)
对于任何JavaScript开发人员来说,这篇文章很值得一读。这里记录了我多年来学习的JavaScript代码简洁写法,也给大家提供一些编码上的思考和取舍。1. 三元(三目)运算符如果只想在一行中编写if…else语句时,这是一个很好的节省代码的方式。常规:简写:嵌套版三元运算:2. 短路判断简写将变量值分配给另一个变量时,您可能希望确保源变量不为null,undefined...原创 2019-09-12 10:26:11 · 379 阅读 · 0 评论 -
25个JavaScript代码简写技巧(下篇)
14. 多行字符串如果您发现自己需要在代码中编写多行字符串,那么您可以编写它:常规:但是有一种更简单的方法。只需使用反引号。简写:15. 展开(spread)操作符ES6中引入的展开运算符有几个用例,可以使JavaScript代码更高效,更有趣。它可以用来替换某些数组函数。展开操作符只是连续的三个点。常规:简写:与 concat() 函数不同,您可以使用spread运算...原创 2019-09-12 10:29:23 · 292 阅读 · 0 评论 -
Closures
Closures are often considered an advanced feature in JavaScript, but understanding them is essential to mastering the language.Consider the following function:view plainprint?f转载 2012-03-19 22:19:56 · 770 阅读 · 0 评论 -
最精简的JavaScript鼠标拖动代码
鼠标拖动 var drag_=falsevar D=new Function('obj','return document.getElementById(obj);')var oevent=new Function('e','if (!e) e = window.event;return e')function Move_obj(obj){ var x,y; D(obj).onmo原创 2012-04-04 21:56:43 · 604 阅读 · 0 评论 -
页面运行代码
我们在光顾一些特效网站时,为了展示特显,网站经常是让我们直接运行这些特效代码。在页面上直接显示代码效果,好像需要很高深的技术似的,其实非常简单,说白了就两个步骤就可以做到: 第一:让特效代码粘贴在一个文本域中。 第二:打开一个新的页面,将文本域中的内容写入到页面中。Javascript代码如下: Java代码 htmlstr = document.scri转载 2012-01-12 21:13:35 · 882 阅读 · 0 评论 -
javascript 中 escape,encodeURI 区别?
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。 例如:document转载 2012-01-13 00:13:56 · 652 阅读 · 0 评论 -
JavaScript面向对象代码实践
//创建一个站点的构造函数,name与url是其参数function Site(name, url){ this.url = url; this.name = name;}//为Site增加一个方法,用于显示网址Site.prototype.show = function(){ return this.name+"的网址为:"+this原创 2012-01-12 23:02:19 · 589 阅读 · 0 评论 -
Javascript获取IFrame内容(兼容IE&FF)
在网上找到在IE下操作IFrame内容的代码: document.frames["MyIFrame"].document.getElementById("s").style.color="blue";但是这在Firefox下无效。所以,想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现: docum转载 2012-01-16 20:55:25 · 578 阅读 · 0 评论 -
js 之 父窗口获取弹出子窗口的输入框Value
Insert title here function browser.onclick() { var nW = window.open("","","width=170,height=200,resizable=yes"); nW.moveTo(300,100); nW.document.write("\n"+ "var m = true;\n"+ "functio原创 2012-02-09 10:10:32 · 2548 阅读 · 0 评论 -
js 之一次性弹窗,刷新后不弹
Insert title here function openwin() { window.open("","","width=200,height=200"); } function get_cookie(name) { var search = name+"="; var returnvalue = ""; if(document.cookie.leng原创 2012-02-09 10:00:57 · 2346 阅读 · 0 评论 -
js 之 父窗口获取子窗口单选按钮Value
test002.html(父):Insert title here function browser.onclick() { window.open("test003.html","","width=170;height=200,top=200,left=400,resizable=yes"); } test003.html(子窗口):I原创 2012-02-09 10:06:40 · 2080 阅读 · 0 评论 -
Javascript在页面加载时的执行顺序
一、在HTML中嵌入Javasript的方法直接在Javascript代码放在标记对和之间由标记的src属性制定外部的js文件放在事件处理程序中,比如:点击我作为URL的主体,这个URL使用特殊的Javascript:协议,比如:点击我利用javascript本身的document.write()方法写入新的javascript代码利用Ajax异步获取javascript代码,然后执转载 2012-02-09 10:19:32 · 1281 阅读 · 0 评论 -
js 之 sleep小实现
1.function sleep(n) { var start=new Date().getTime(); while(true) if(new Date().getTime()-start> n) break; } 2. 利用setTimeoutfunction doStuff(){ /原创 2012-02-09 10:41:01 · 13928 阅读 · 0 评论 -
javascript 之 去除HTML标签
String.prototype.stripHTML = function() { var reTag = //g; return this.replace(reTag,""); } var sTest = "this would be bold"; alert(sTest.stripHTML()); ?:非捕获性分组,不会创建反向引用,无需存储结果的开销。原创 2012-03-14 13:37:27 · 3401 阅读 · 0 评论 -
javascript 之 实现trim()
String.prototype.trim = function() { var reExtraSpace = /^\s*(.*?)\s*$/; return this.replace(reExtraSpace,"$1"); } var test = " this is a test "; alert("hello"); alert("["+test+"]"); a原创 2012-03-14 13:06:15 · 897 阅读 · 0 评论 -
javascript 之 星号替换敏感词
var reBadWords = /badword|anotherbadword/gi; var sUserInput = "This is a string using badword1 and badword2"; var sFinalText = sUserInput.replace(reBadWords,function(sMatch) { return sMatch.replac原创 2012-03-14 13:21:51 · 4327 阅读 · 0 评论 -
使用js把1、2、3转换为一、二、三
var number = 415427532; var N = [ "零", "一", "二", "三", "四", "五", "六", "七", "八", "九" ]; function convertToChinese(num){ var str = num.转载 2012-04-01 00:16:02 · 11443 阅读 · 0 评论 -
javascript 闭包小结
.test { width:100px; height:100px; border:red 1px solid; } var k = document.getElementsByTagName("div"); var k = document.getElementsByTagName("div"原创 2012-03-19 20:46:58 · 592 阅读 · 0 评论 -
JS对象那些事儿
JavaScript中几乎所有东西都是一个对象,除了六种基本类型数据 - null,undefined,strings,numbers,boolean和symbols。任何不是原始值的东西都是Object。这包括数组,函数,构造函数和对象本身。对象从概念上讲,对象在所有编程语言中都是相同的。它们使用具有属性和方法的代码来表示真实世界。例如,如果您的对象是学生,则它将具有名称,年龄,地址,...原创 2019-09-13 09:12:56 · 287 阅读 · 0 评论