HTML+JavaScript
忙碌的布谷鸟
HDE华为开发者专家、HCDE华为云开发者专家、软件设计师、计算机程序设计员(技师)
展开
-
Dimension Resources
Pixels, inches, and points are all examples of dimensions that can play a part in XML layoutsor Java code. You can use these dimension resources to style and localize Android UIs withoutchanging the s原创 2009-12-05 09:57:00 · 703 阅读 · 0 评论 -
jQuery弹出Div窗口居中显示、滚动跟随、关闭按钮以及几秒后自动消失
#jiuye{ position:absolute; left:16px; top:129px; width:600px; height:540px; z-index:1; } #closeLayer{ position:absolute; left:580px; top:143px; width:24px;原创 2012-09-13 11:31:19 · 9471 阅读 · 1 评论 -
IE6、 IE7、IE8、IE9、Firefox兼容性问题
1.区别IE和非IE浏览器 #tip {background:blue; /*非IE 背景藍色*/background:red \9; /*IE6、IE7、IE8背景紅色*/background-color:red\0; /* ie 8/9*/background-color:blue\9\0; /* ie 9*/}2.区别IE6,IE7,IE8,FF 【区原创 2012-09-20 09:10:19 · 1125 阅读 · 0 评论 -
【jQuery日期处理】两个时间大小的比较
function checkEndTime(){ var startTime=$("#startTime").val(); var start=new Date(startTime.replace("-", "/").replace("-", "/")); var endTime=$("#endTime").val(); var end=new Date(endTime.replace("原创 2012-11-26 16:16:19 · 112316 阅读 · 3 评论 -
【jQuery日期处理】选择开始时间,自动结束时间
例如:选择开始时间,自动给结束时间赋值1.页面引入2.HTML代码 开始时间: <input id="startTime" name="startTime" type="text" onClick="WdatePicker({startDate:'当前时间',dateFmt:'yyyy-MM-dd HH:mm:ss'})"原创 2012-11-20 17:15:26 · 6192 阅读 · 2 评论 -
jQuery改变form表单的action,并进行提交
//导出学生实训成绩function exportScore(){ var path = "${ctx}/student/traScore.action?method=exportExcel"; $('#queryForm').attr("action", path).submit();;}原创 2012-11-21 16:01:58 · 66528 阅读 · 0 评论 -
javaScript中eval()方法转换json对象
var user = '{name:"张三",age:23,'+ 'address:{city:"青岛",zip:"266071"},'+ 'email:"iteacher@haiersoft.com.cn",'+ 'showInfo:function(){'+ 'document.write("姓名:"+this.name+"");'+ 'document.write("年龄:原创 2012-12-13 10:42:17 · 26867 阅读 · 1 评论 -
js调用frameset中其他页面中的函数
talk.jsp页面 function test(username){ document.getElementById("toSomeBody").value=username; } online.jsp页面<% List userOnLine=(List )application.getAttribute("userOnLine"); if(userOnLine==n原创 2013-03-15 15:57:45 · 7039 阅读 · 3 评论 -
火狐FF浏览器表单提交问题
火狐浏览器不支持表单的提交document.form.submit();可以通过在表单中设置隐藏的submit按钮的方式实现,具体如下代码: 职位名称: 工作类型: 所属行业:原创 2013-06-17 11:51:30 · 3310 阅读 · 0 评论 -
jQuery操作表格元素,整体添加与删除
0"> 工作时间 ~ 公司名称原创 2013-06-25 15:38:13 · 2798 阅读 · 2 评论 -
jQuery中的datatable 插件新增一行
function addRow(currentButton){ var row1 = $(currentButton).parent().parent(); var row2 = row1.clone(); $(row2.children()[0]).html(null);//把新增的OBID赋值为空 //$(row2.children()[0]).html(D原创 2015-08-17 08:50:02 · 17723 阅读 · 0 评论 -
jQuery插件开发模式
要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统。这好比大公司们争相做平台一样,得平台者得天下。苹果,微软,谷歌等巨头,都有各自的平台及生态圈。学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择。本教程可能不是最精品的,原创 2015-12-16 10:55:54 · 959 阅读 · 0 评论 -
node.js安装express:'express' 不是内部或外部命令,也不是可运行的程序或批处理文件。
1.安装完node-v5.3.0-x64.msi后,配置环境变量(C:\Program Files\nodejs)配置完成后,执行:>node -vv5.3.02.使用npm install express安装express安装完了以后,想看看安装的版本,执行:>express -V'express' 不是内部或外部命令,也不是可运行的程序或批处理文件。3.因为原创 2016-01-26 15:27:53 · 2008 阅读 · 0 评论 -
Web前端面试小记
目录前言手写事件模型及事件代理/委托前端性能优化闭包原理及应用手写Function.bind函数手写数组快速排序/去重JS的定义提升跨域JSONP原理将url的查询参数解析成字典对象函数节流设计模式css垂直居中方法自适应布局移动端自适应其他关于前端前言春节前离职了,年后来了有一周了,把简历丢到网上后大概收到了将近七十多个面试邀请,挑了几个稍微知名一些的公司如国美京东美团百度彩转载 2016-03-04 16:34:40 · 4387 阅读 · 3 评论 -
前端资源汇总
JavaScript框架/库Animationsvelocity:很全面的JavaScript动画库vivus:可以动态描绘 SVG 的 JS 库, 支持多种动画Web Animation:Javascript 实现的 Web Animation APIscrollReveal.js:使元素以非常酷帅的方式进入画布 (Viewpoint)snab转载 2016-02-23 10:14:27 · 796 阅读 · 0 评论 -
轻松实现本地存储(LocalStorage)-store.js
store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。https://github.com/marcuswestin/store.jsstore.js 提供非常简洁的 API 来实现跨浏览原创 2016-02-25 08:28:46 · 1634 阅读 · 0 评论 -
koala 编译scss不支持中文(包括中文注释),解决方案如下
进入Koala安装目录,例如:C:\Program Files (x86)\Koala\rubygems\gems\sass-3.4.9\lib\sass找到engine.rb文件,在该文件中找到最后一个require元素,在该元素之后添加以下代码即可。Encoding.default_external = Encoding.find('utf-8')原创 2016-02-27 20:26:04 · 5753 阅读 · 2 评论 -
SCSS语法中的加减乘除
/*加法*/$sidebar-width: 220px;$content-width: 720px;$gap-width: 1in;.container { width: $sidebar-width+$content-width+$gap-width; margin: 0 auto;}/*减法*/$container: 960px;$sidebar-width:原创 2016-02-27 20:50:14 · 8755 阅读 · 0 评论 -
asp.net集成百度ueditor富文本
一、官网上下载完整源码包,解压到任意目录,解压后的源码目录结构如下所示: http://ueditor.baidu.com/website/ipanel/panel.html# _examples:编辑器完整版的示例页面 _demos:编辑器的各种使用案例 dialogs:弹出对话框对应的资源和JS文件 themes:样式图片和样式文件原创 2012-09-03 10:29:43 · 5570 阅读 · 1 评论 -
JavaScript使用json2.js对json数据进行解析
实体类Citypublic class City { private Integer cityId; private String cityName; private Integer provinceId; public City() { super(); } public City(St原创 2012-03-12 10:02:32 · 1930 阅读 · 1 评论 -
Flash动态加载swf文件的两种方式
<br />on (press) {<br /> <br /> <br />1.通过系统函数进行加载<br />loadMovie("/test1.swf","","get");<br />loadMovie(”http://www.yanhaixinxi.com/test1.swf”,"","get");<br /> <br />2.通过影片剪辑的方式进行加载<br />movieTest.loadMovie("/test1.swf","","get");<br />movieTest.loadMovie原创 2011-02-26 09:18:00 · 2849 阅读 · 0 评论 -
使用document.all.item定位Html元素
定位Html文档元素的最简单的方法之一就是使用document对象(由window.document 属性代表)的all集合,它包含了Html页面中所有的元素。又因为每个元素由其id或name属性所代表,故可以方便的通过all集合数组或元素的id或name属性定位(或访问)特定的Html元素。需要注意的是:部分Html元素只有id属性而无name属性,如,,,等;而asp.net的WEB控件也更多的使用id属性来访问控件,故建议只使用id属性来定位(或访问)特定的Html元素。 1) 定位的方法: doc原创 2011-04-29 11:37:00 · 9375 阅读 · 0 评论 -
javascript不支持二维数组怎么解决
突然在项目里要用到javascrip二维数组,一查,发现,javascrip没有二维数组.那咱办呢,没有就没有,只好通过其它办法来做相似的功能. 第一种办法就是用一维数组来模拟二维数组.感觉这样不是很好,有点麻烦,而且容易出错 第二种办法:将一维数组的分项又定义为一个一维数组. 这种办法看起来似乎不错,主要实现方法如下: javascript定义二维数组的方法 javascript本身只支持一维数组, 有时非要用到二维数组的时候, 可以将一维数组的分项又定义为一个数组, 二维数组就是用数组构成的数组 Var原创 2011-04-29 10:50:00 · 2267 阅读 · 0 评论 -
DOM对象的innerHTML与outerHTML比较
<br /><html><head><title>Demo</title><mce:style><!-- body {font-family:"宋体";color="blue";font-size="9pt"}--></mce:style><style mce_bogus="1"> body {font-family:"宋体";color="blue";font-size="9pt"}</style><mce:script language="JavaScript"><!--原创 2011-05-05 10:33:00 · 1830 阅读 · 0 评论 -
使用iframe实现,点击JSP页面中的验证码刷新
本功能主要采用JSP页面生成验证码,通过原始JavaScript+iframe实现页面刷新。步骤如下: 1、验证码生成页面ValiCode.jsp: <% String s=""; int count=0; Random rand=new Random()原创 2011-09-04 08:08:44 · 2970 阅读 · 0 评论 -
javaScript实现三级菜单级联
无标题文档 //定义省份包含的城市数组 var cityList= new Array(); //选中省份的下标 var provinceIndex; //显示二级连 function selectCity() { cityList['山原创 2011-08-08 17:40:41 · 6259 阅读 · 0 评论 -
JSP中使用CKEditor3.6入门教程
CKeditor API CHM帮助文档 http://download.csdn.net/detail/guoquanyou/3622884JSP页面使用富文本控件ckeditor提交表单数据JSP页面使用富文本控件ckeditor自定义样式JSP使用ckedito原创 2011-09-06 22:26:06 · 6852 阅读 · 4 评论 -
JSP页面使用富文本控件ckeditor自定义样式
ckeditor环境搭建 ,请参考 JSP中使用CKEditor3.6入门教程JSP页面使用富文本控件ckeditor提交表单数据JSP使用ckeditor和ckfinder实现富文本及上传功能找到ckeditor目录下的ckeditor.js,修改其中的内容,原创 2011-09-21 22:52:50 · 6976 阅读 · 0 评论 -
JSP页面使用富文本控件ckeditor提交表单数据
ckeditor环境搭建 ,请参考 JSP中使用CKEditor3.6入门教程 JSP页面使用富文本控件ckeditor提交表单数据JSP页面使用富文本控件ckeditor自定义样式JSP使用ckeditor和ckfinder实现富文本及上传功能 表原创 2011-09-21 22:21:42 · 10113 阅读 · 2 评论 -
JSP使用ckfinder实现中文图片上传后,无法显示,主要是tomcat不支持中文路径
ckeditor环境搭建 ,请参考 JSP中使用CKEditor3.6入门教程 JSP页面使用富文本控件ckeditor提交表单数据JSP页面使用富文本控件ckeditor自定义样式JSP使用ckeditor和ckfinder实现富文本及上传功能 在前面实原创 2011-09-25 10:17:26 · 6614 阅读 · 6 评论 -
JSP使用ckeditor和ckfinder实现富文本及上传功能
ckeditor环境搭建 ,请参考 JSP中使用CKEditor3.6入门教程JSP页面使用富文本控件ckeditor提交表单数据JSP页面使用富文本控件ckeditor自定义样式JSP使用ckeditor和ckfinder实现富文本及上传功能 源码下载一、原创 2011-09-24 20:57:10 · 18940 阅读 · 8 评论 -
在flash单击按钮,弹出指定要求的窗口
选中指定按钮后,在flash代码编辑窗口中添加:stop();this.onRelease = function(){ getURL("javascript:openWin();");}在包含改Flash文件的页面中,添加如下JavaScript脚本function openWin() {window.open(http://blog.csdn.n原创 2009-05-27 14:36:00 · 1480 阅读 · 0 评论 -
JavaScript操作IFrame窗体与父窗体
两个iframe同时刷新:function InitRightFrame(topLocation,rightLocation){ window.parent.frames[0].location=topLocation; window.parent.frames[1].location=rightLocation;} 在iframe设置父窗体元素的属性:原创 2009-05-20 07:12:00 · 1066 阅读 · 0 评论 -
JavaScript正则表达式中 g, m 参数含义
1:附件参数 g 的用法表达式加上参数 g 之后,表明可以进行全局匹配,注意这里“可以”的含义。我们详细叙述:1)对于表达式对象的 exec 方法,不加入 g,则只返回第一个匹配,无论执行多少次均是如此,如果加入 g,则第一次执行也返回第一个匹配,再执行返回第二个匹配,依次类推。例如var regx=/user\d/;var str=“user18dsdfuser2dsfsd”;原创 2012-02-13 16:00:48 · 1750 阅读 · 0 评论 -
javascript高效的判断浏览器种类和版本
var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox原创 2012-02-16 13:10:43 · 1079 阅读 · 1 评论 -
JavaScript实现垂直向上无缝滚动特效
一、循环向上滚动的文字,如上面的滚动效果二、实现的思路 1、建立三个层dome、dome1、dome2 2、垂直滚动的文字在dome1上 3、通过层的滚动来实现文字滚动 三、源代码 循环向上滚动的文字近7日畅销榜社交疯狂项语¥57.00 折扣:52折 傲慢与偏见¥20.00 折扣:25折原创 2012-02-16 13:15:45 · 10275 阅读 · 0 评论 -
体验异步的终极解决方案-ES7的Async/Await
阅读本文前,期待您对promise和ES6(ECMA2015)有所了解,会更容易理解。本文以体验为主,不会深入说明,结尾有详细的文章引用。第一个例子Async/Await应该是目前最简单的异步方案了,首先来看个例子。这里我们要实现一个暂停功能,输入N毫秒,则停顿N毫秒后才继续往下执行。var sleep = function (time) { return转载 2017-03-06 11:43:43 · 1585 阅读 · 0 评论