第4页_原创博文_JavaScript/Ajax开发技巧_Web前端开发教程_Web前端开发

javascript贷款等额本金，等额本息计算示例

2016-6-14评论(0)浏览(597)分类：JavaScript/Ajax开发技巧

　　　javascript贷款等额本金，等额本息计算示例titlejavascript贷款等额本金，等额本息计算示例/titleform div class=input table cellpadding=0 cellspacing=1 tbody tr td贷款额度利率：/td td input id=daikuan type=text class=cc7 /元..

网站添加谷歌翻译工具条后自动翻译为指定语言

2016-5-24评论(0)浏览(849)分类：JavaScript/Ajax开发技巧

　　如何给网站添加谷歌工具条可以参考这篇文章：给网站增加google翻译工具条　　现在要实现的是，如何通过谷歌翻译工具条，自动将网站的内容翻译为指定的语言，不需要人工点开语言选择框，然后选择对应的语言后才执行翻译操作。　　通过观察谷歌翻译工具条可以看到语言选择DOM对象在一个iframe里面，样式为.goog-te-menu-frame，还在不是从谷歌..

js给选择文字添加链接

2016-5-23评论(0)浏览(334)分类：JavaScript/Ajax开发技巧

　　js如何给选中的文字添加链接，就是选中的文字用a对象包裹起来。script function surroundContent() { var r; if (document.selection) { r = document.selection.createRange(); if (r.text != '') r.pasteHTML('a href=#' + r.text + '/a') } else if (wind..

javascript计算器

2016-5-23评论(0)浏览(357)分类：JavaScript/Ajax开发技巧

　　JavaScript实现的简单计算器功能，界面如下　　javascript计算器源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstyle #calc{padding:10px;background:#f1f1f1;width:201px} #display{border:solid 1px #ccc;margin-bottom:5px;padding:5px} #up,#down{height:20px;..

JavaScript canvas时钟

2016-5-19评论(0)浏览(166)分类：JavaScript/Ajax开发技巧

　　使用html5 canvas对象绘制的时钟，O(_)O哈哈~。。简陋了点。。　　JavaScript canvas时钟源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstylebody {margin: 0; padding: 0;}/styletitlecanvas时钟/titlecanvas id=c/canvasscriptvar a = 1;$(function () { var c = docum..

JavaScript五子棋盘

2016-5-19评论(0)浏览(386)分类：JavaScript/Ajax开发技巧

　　javascript实现的五子棋盘，可以自定义棋盘大小，效果如下　　注意：判断输赢的算法没有写，要用自己扩展。IE8-不支持border-radius样式，所以无法显示圆形的，需要用圆形背景图片模拟，这个没做兼容，所以会显示为正方形的旗子。　　JavaScript五子棋盘源代码如下!doctype htmltitleJavaScript五子棋盘/titlestyle .board{position:rela..

input输入内容后使用×号一键删除

2016-5-14评论(0)浏览(397)分类：JavaScript/Ajax开发技巧

　　如何实现input输入框输入内容后，再输入框最右边出现一个号，点击叉号删除当前input输入框的内容，效果如下　　input输入内容后使用号一键删除源代码如下，已经做成jQuery插件形式!doctype htmlstyle div.clearText{display:inline-block;position:relative} div.clearText input{border:solid 1px #666;height:20px;line-height:20px..

js判断已经滚动到页面底部

2016-3-1评论(0)浏览(367)分类：JavaScript/Ajax开发技巧

　　js如何判断页面已经滚动到底部!DOCTYPE htmlhtmlhead meta charset=UTF-8 titlejs判断已经滚动到页面底部/title/headbody style=margin:0;padding:0 div id=dvBT style=position:fixed;bottom:0;right:0;background:#fff/div div id=part1 style=height:2000px;overflow: auto;background: lightblue; /div div id=part2 ..

jQuery.tablesorter 2.0中文排序解决办法

2016-4-24评论(0)浏览(423)分类：JavaScript/Ajax开发技巧

　　jQuery.tablesorter 2.0中文排序解决办法，jQuery.tablesorter 2.0中文排序使用的sortText方法，使用js操作符号进行对比，操作符号对中文无效，导致排序出问题。需要更改为localeCompare。jQuery.tablesorter 2.0新增了textSorter配置，改写内部的文字排序，可以增加此配置而不需要更改jQuery.tablesorter 2.0源代码。jQuery.tablesorter未配..

js简易数字微调调整示例

2016-4-8评论(0)浏览(206)分类：JavaScript/Ajax开发技巧

　　js实现数字微调示例，点击输入框右边的上下按钮对输入框数字进行+1/-1调整效果。jquery插件有easyui NumberSpinner组件或jqueryui的spinner组件style .spinner{zoom:1;overflow:auto;border:solid 1px #ccc;float:left;} .spinner input{border:none;float:left;margin-top:5px} .spinner .arrow{float:right;font-size:12px;} ..

javascript新历农历联动示例

2015-12-16评论(0)浏览(316)分类：JavaScript/Ajax开发技巧

　　javascript新历农历联动示例lunar.js这个js文件查看这篇文章：JavaScript阳历转阴历源代码，将里面的js代码保存为lunar.js文件，或者点击这里下载　　javascript新历农历联动示例源代码script function toCNNumber(v) { var r = '', cn = 'O一二三四五六七八九十'; v = v.toString(); for (var i =..

javascript判断浏览器是否关闭

2012-11-19评论(0)浏览(748)分类：JavaScript/Ajax开发技巧

　　javascript判断浏览器是否关闭，本示例仅对IE8-浏览器有效，其他浏览器在关闭时无法获取到点击事件的clientX，clientY的坐标值。测试代码如下script window.onbeforeunload = function (e) { e = e || window.event; var y = e.clientY; if (y = 0//点击浏览器或者选项卡的关闭按钮 || y = Math.max(documen..

js遍历表单组合成键值对字符串

2016-3-6评论(0)浏览(260)分类：JavaScript/Ajax开发技巧

　　JavaScript将表单对象中输入控件组合成键值对字符串，方便ajax提交数据。和jQuery表单的serialize方法一样 function serializeForm(f) {//参数f为表单这个DOM对象 var params = '', tmp; for (var i = 0; i f.elements.length; i++) { if (f.elements[i].name) { ..

js区分webkit核心浏览器chrome，360浏览器

2015-10-28评论(0)浏览(765)分类：JavaScript/Ajax开发技巧

　　javascript如何识别webkit核心浏览器是哪种厂商的浏览器，如chrome，360急速，360安全，猎豹，世界之窗，搜狗，qq，百度之类的浏览器，核心都是webkit的，如何区分出不同的厂商。　　一般区分浏览器厂商是通过navigator.userAgent来判断特殊字符来实现，但是webkit核心浏览器有些时候navigator.userAgent是完全一样的，不会增加特殊内容（如..

jquery多级下拉菜单插件

2013-12-20评论(0)浏览(393)分类：JavaScript/Ajax开发技巧

　　居于jquery框架的网站多级下拉菜单插件，融合了jquery.color.js，jquery.lavalamp.js，jquery.easing.js 这3个插件，效果如下图link rel=Stylesheet type=text/css href=/menu/menu.css /stylebody{background:#999}/stylediv id=menu ul class=menu li a href=# class=parentspanlevel 1_1/span/a ul ..

js禁止滚动窗体页面

2016-2-4评论(0)浏览(287)分类：JavaScript/Ajax开发技巧

　　js如何禁止鼠标，键盘滚动页面。（提示：无法控制右边出现的滚动条）titlejs禁止滚动页面/titlescript //spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36 var keys = { 37: 1, 38: 1, 39: 1, 40: 1, 35: 1, 36: 1 }; function preventDefault(e) { e = e || window.event; if (e.preventDefault) ..

IE/Firefox/W3C浏览器代码触发事件

2011-7-11评论(0)浏览(214)分类：JavaScript/Ajax开发技巧

　　firefox或者w3c浏览器没有直接在DOM中添加onclick事件，而是通过addEventListener添加事件时，无法使用 DOMObject.onclick()使用这种方法触发事件，但是可以通过dispatchEvent来触发。　　测试代码如下div id=dvEvtdiv的内容/divinput type=button value=触发事件 onclick=btnFireEvent() /script type=text/javascript var dv; windo..

js嵌套内容分析示例

2016-1-28评论(0)浏览(109)分类：JavaScript/Ajax开发技巧

　　js嵌套内容分析程序有一个字符串，存在多对括号，他们可能是并列关系，也可能是嵌套关系，如下今年的雨水比较多（除了夏季（夏季天气炎热）），降雨量是往年的130%（特别是在江南地区）现在要把最外层的第一对括号match出来，也就是要得到（除了夏季（夏季天气炎热）），（特别是在江南地区）　　分析程序如下script type=text/javascript ..

js text输入框输入掩码实现

2016-1-20评论(1)浏览(540)分类：JavaScript/Ajax开发技巧

　　html的text输入框如何实现输入掩码，类似password输入框输入效果。　　js text输入框输入掩码实现源代码如下!doctype htmltitlejs text输入框输入掩码实现/titlestyle div.dvinput{display:inline-block;position:relative} div.dvinput input{border:solid 1px #000;height:20px;line-height:20px;display:block;background:#fff;pad..