代码如下: $(document).ready(function(){ function show(){ var mydate=new Date(); var str = "" + mydate.getFullYear() + "年"; str += (mydate.getMonth() + 1) + "月"; str += mydate.getDate() + "日 "; str += mydate.toLocaleTimeString(); str += ":" + mydate.toLocaleTimeString(); str += ":" + mydate.getMilliseconds() + " 星期"; str += "天一二三四五六".charAt(mydate.getDay()) + "今年是闰年吗?:"; str +=...
首先,用到的框架当然是我的框架mass Framework,当然你用其他框架也可以,如jQuery,没有什么复杂的东西。只要弄懂原理,一下子就能搞出来。想必,以后你们工作也遇到做搜索框的活儿。 由于本人没有后端,因此取用一个对象作为本地数据库。而我现在要做的,其实远远比suggest高级,类似IDE的语法提示的东西。当前成品已放到github上。好了,我们动手吧。首先是结构层,装了FF的同学可以在百度首页查看源码,当输入几个字母时,会动...
代码如下: function strToDate(str, ext) { if (str == null || str == '') return; var arys = new Array(); arys = str.split('-'); var newDate = new Date(arys[0], arys[1] - 1, arys[2], 9, 0, 0); if (ext) { newDate = new Date(newDate.getTime() + 1000 * 60 * 60 * 24); } return newDate; } start="2012-02-24"; end="2012-02-27"; var date = new Date(); var start = strToDate(start); var end = strToDate(end, fa...
安装过程就不说了。如果成功是能使用node的命令。node.js调试是非常方便的。每种后台语言都有一个向那个黑黢黢的控制台团输出语用的命令。node.js沿用FF那套东西,也就是console对象与其方法。我们首先建一个example.js文件,内容如下,然后在控制台打开它。 代码如下: console.log("hello node.js") for(var i in console){ console.log(i+" "+console[i]) } node example.js。 你千万不要在node.js使用alert进行调试,那是浏览...
与动态脚本类似,所谓动态样式是指在页面刚加载时不存在的样式;动态样式是在页面加载完成后动态添加到页面中。 我们以下面这个典型的元素为例: 使用DOM代码可以很容易的动态创建出这个元素: 代码如下: var link = document.createElement("link"); link.rel = "stylesheet"; link.type = "text/css"; link.href = "style.css"; var head = document.getElementsByTagName("head")[0]; head.appendChild(link); 以上代码在所有...
javascript插入样式在前端开发中应用比较广泛,特别是在修改前端表现和页面换肤的时候。最近做的这个任务是用户在别人的站点上点击一个按钮,就会在别的站点页面下插入一个脚本,执行,这其中包含了样式的插入。 一般情况下javascript动态插入样式有两种,一种页面中引入外部样式,在中使用标签引入一个外部样式文件,另一种是在页面中使用标签插入页面样式(这里说的不是style属性)。 一、页面中引入外部样式: 在中使用标签引入一...
案例1:回车实现Tab跳转。 响应文本框的onKeyDown事件,window.event.keyCode获得用户点击的keyCode。 (*)keyCode和ASCII不是完全一致,主键盘的1和小键盘的1的ASCII一样,但是keyCode不一样。回车的keyCode为 13,Tab的keyCode为9。 只有少数的键才能被替换,大部分是不行的,有权限问题。 键盘码与ASCII码不一样。 keyCode 8:退格键 46:delete 37-40: 方向键 48-57:小键盘区的数字 96-105:主键盘区的数字 110、190:小键...
each()遍历元素(k1) 代码如下: $(document).ready(function () { $("#btn").html("each()遍历元素").click(function (event) { $("div").each(function (index) { $(this).html("这是第" + index + "个div"); }); event.preventDefault(); }); }); 获取属性的值(k1)attr(name) 代码如下: $(document).ready(function () { $("#btn").html("获取属性值").click(function (event) { $("div").each(function () { alert("title...
//移动所有项。 function moveAllOptions(selone, seltwo) { //获得selone中的每个option var opts = selone.getElementsByTagName('option'); //这种循环有问题,不能从0开始,因为opts就像集合一样, //每次将自己的元素加到别的元素下的时候这个元素就从自己子元素中自动删除。 // for (var i = 0; i = 0; i--) { //将selone中的每个option都加到了seltwo中。 seltwo.appendChild(opts[i]); } } //移动选中项 funct...
ie8.0 显示本地图片 img.src js图片上传预览 function PreviewImage(imgFile) { var filextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length); filextension=filextension.toLowerCase(); if ((filextension!='.jpg')&&(filextension!='.gif')&&(filextension!='.jpeg')&&(filextension!='.png')&&(filextension!='.bmp')) { alert("对不起,系统仅支持标准格式的照片,请您调整格式后...
代码如下: /* 对页面上的字体增大、缩小、恢复原始大小 需要在html页面中定义三个元素 元素的class分别为 resetFont、increaseFont、decreaseFont 在本文件的JQuery事件中分别定义了三个元素的click事件来实现增大、缩小、恢复原始大小 */ $(function () { //取得字体大小,在html标记下定义了font-size var originalFontSize = $("html").css("font-size"); //恢复默认字体大小 $(".resetFont").click(function () { $("html").cs...
代码如下: (function() { var t = window.setInterval(function() { $(#ajaxGame).load(RefreshCurrentPlayerServlet #ajaxGame, function() { youWin(); youlose(); }); }, 10000); function youWin() { if ($(#status:contains("YOU ARE THE WINNER!")).length) { alert("YOU ARE THE WINNER!"); clearInterval(t); } } function youlose() { if ($(#status:contains("You lost!")).length) { alert("You lost!"); clearInterval...
下面是Js片段在IE9,Firebox 10.0.2 中测试过 : 代码如下: $(document).keydown(function (e) { var doPrevent; if (e.keyCode == 8) { var d = e.srcElement || e.target; if (d.tagName.toUpperCase() == INPUT || d.tagName.toUpperCase() == TEXTAREA) { doPrevent = d.readOnly || d.disabled; } else doPrevent = true; } else doPrevent = false; if (doPrevent) e.preventDefault(); }); 关于如何确定Backspace键的代码可...
如下图所示: 源代码如下: 代码如下: //进行数据验证 function ValidateForm() { var booknamelist = document.getElementsByName("BookName"); var bookversionlist = document.getElementsByName("Version"); var booknumlist = document.getElementsByName("BookNum"); for (var i = 0; i var bookname = booknamelist[i].value; var bookversion = bookversionlist[i].value; var booknum = booknumlist[i].value; if (...
代码如下: test count down button $(function () { $('#btn').click(function () { var count = 3; var countdown = setInterval(CountDown, 1000); function CountDown() { $("#btn").attr("disabled", true); $("#btn").val("Please wait " + count + " seconds!"); if (count == 0) { $("#btn").val("Submit").removeAttr("disabled"); clearInterval(countdown); } count--; } }) }); 有兴趣您可以自己实现一下。Jav...