当前希望写一个单选框,选中“paste”则显示粘贴框,选中“upload”则提示选择文件. 因为这两种情况只是显示不同,所以只需要用javascript来进行显示和隐藏. 最后的结果大概这样: 初始时,两个都不选中,所以粘贴框和上传按钮都不存在. 选中Paste Input:粘贴框弹出,有删除按钮和行数计数.(这个在结尾作为彩蛋更新) 选中Upload File:上传按钮出现.(这个中文显示貌似跟随系统,再更新我会改掉 )不会改:) 代码其实naive,如下: function onClickI

在html页面中初始化KindEditor: <script type="text/javascript"> var editor; KindEditor.ready(function (K) { editor = K.create('textarea[name="content"]', { allowFileManager: true // 是否允许浏览服务器已上传文件 }); });</script> 然后在angularJS的控制器中以

转载自:http://blog.csdn.net/dyllove98/article/details/8870307 完整示例:http://www.keleyi.com/keleyi/phtml/clearinput.htm 下面是源代码: <script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>

我觉得javascript不容易, 许多人觉得js容易, 因为他们觉得很容易写出常用的需求, 但是当我们实际做项目的时候, 对于javascript的要求是很高的, 特别是在性能需求方面. 我写这句话, 只是想在这里提示自己(或大家), 不要小看js. 例如, 在清空 array的时候, 有的 如会直接使用 arr = [] 的方式, 但是这样会产生一个行的array,  我们应该使用 length属性, 如 arr.length = 0 ref: http://davidwalsh.name/

textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求. 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用.假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符): <script language="#"

<html> <body> <textarea id="content"></textarea> <script> var ele = document.getElementById("content"); ele.value = ele.value + "追加精彩内容"; </script>  </body> </html>

参考链接:http://snandy.iteye.com/blog/893955 方式1,length赋值为0 目前 Prototype中数组的 clear 方法和mootools库中数组的 empty 方法使用这种方式清空数组. var ary = [1,2,3,4]; ary.length = 0; console.log(ary); // 输出 [],空数组,即被清空了 方式2,赋值为[] Ext库Ext.CompositeElementLite类的 clear 方法使用这种方式清空. v

1,splice var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 [],空数组,即被清空了 2,length赋值为0 var ary = [1,2,3,4]; ary.length = 0; console.log(ary); // 输出 [],空数组,即被清空了 3,赋值为[] var ary = [1,2,3,4]; ary = []; // 赋值为一个空数组以达到清空原数组

[文章系摘自网络,看到有用记录在博客,同时共享给大家] 原链接:http://www.2cto.com/kf/201409/335383.html 方式1,splice   var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 Array[0],空数组,即被清空了 方式2,length赋值为0 这种方式很有意思,其它语言如Java,其数组的length是只读的,不能被赋值.如 1 int[] ary = {1

模仿新浪博客首页的,最新评论: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0; padding: 0;} #ul1{width: 300px; height: 300px; border:1px solid #000; ma

1.10 关于DOM的事件操作 1.10.1 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元素的API.比如让盒子移动.变色.轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动. 1.10.2 事件 JS是以事件驱动为核心的一门语言. 事件的三要素 事件的三要素:事件源.事件.事件驱动程序. 比

在textarea中回车,会产生转义字符\r\n,有些时候我们不需要这两个转移字符,也就是清空textarea.下面的方法并不是清空,但是能够起到差不多的效果. 如果在textarea中按回车,内容提交之后,在textarea中会留下\r\n这两个转义字符,光标会在第二行.下面的程序通过alexa将焦点转出去,再通过onfocus="this.value=''"这段代码,将光标拉回到textarea最开始处,这样就起到简易的清空效果 效果演示 程序代码 01 <textarea

小例子: 京东购物车 京东购物车效果: 实现原理: 用2个盒子,就可以完整效果. 先让上面的小盒子向下移动1px,此时就出现了压盖效果.小盒子设置z-index压盖大盒子,将小盒子的下边框去掉,就可以实现效果. 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <styl

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>留言板</title> <style type="text/css"> *{ padding: 0; margin: 0; } .close{ display: inline-block; width: 20px; height: 20px; line-height

代码=图片 图片=代码 JS代码对于喜欢F12的同志来说,连个遮羞布都没有... 虽然把代码变成图片也仅仅只是增加一层纱布而已...但这方法还是挺好玩的,而且代码也被压缩了一点. 第一次看到[图片=代码]的想法,是在一个演示视屏拼图的博客里看到的. 最近有点闲,想起了这个,就试了试. 对于中文等字符,需要先转为十六禁止后,再转为图片的RGB像素 document.write(escape("字") ); //%u5B57 document.write(unescape("%u

代码实例如下: <!doctype html><html><head><meta charset="UTF-8"><title>如何限制文本框的输入长度</title><script type="text/javascript" src="http://www.softwhy.com/mytest/jQuery/jquery-1.8.3.js"></scri

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>自适应高度的textarea</title> <style> textarea

主要利用了setTimeout(),递归和String.substring(); 做出的效果就像是有一个打字员在打字. <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name=&quo

<html> <head> <title>JQuery为textarea添加maxlength</title> <script type="text/javascript" src="jquery-1.4.js"></script> </head> <body> <textarea style="width:300px; height:60px;"

文章参考地址:http://blog.csdn.net/nhconch/article/details/4223076 需求背景: 前几天,因为客户有一个需求说,需要对一个评论(一个textarea文本框)的长度进行限制,简单的理解就是 这个文本框只能输入100个字符,然后就不能在输入了! 实现方案一:用maxlength属性 <textarea maxlength="10"></textarea> 这个方式很简单的哦,但是 在我这边测试的时候,并不能完全兼容主