javascript小实例，在页面中输出当前客户端时间

时间对象(Date())比较简单,本文旨在为初学者入门使用,大牛可略过! 本文承接基础知识实例,说一下实例的要求: 在页面中输出当前客户端时间(2015年1月1日星期一10:10:10这样的格式),每过一秒中页面不刷新,但是时间自动更新(用两种定时器方法都可以实现),鼠标点击时间,如果原先运动则停止,如果停止则继续运动: 要求基本上可分为2部分:一是不刷新自动更新时间,二是点击时间停止或更新时间好,那我们还是老规矩,一步一步来,既然是时间,那就会用到时间对象 new Date(); var n…

在JSP页面中输出完整的时间

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.util.*" %> <%@ page import="java.text.*" %> <!DOCTYPE html PUBLIC "-//…

JavaScript 小实例 - 表单输入内容检测，对页面的增删改

JavaScript 小实例 - 表单输入内容检测,对页面的增删改效果体验地址:https://xpwi.github.io/js/JavaScript01/jsForm.html 功能: 1.向页面写入数据 2.删除页面数据 + 删除提示[确实]才删除 3.获取表单输入的内容,并简单验证 4.打开一个新的窗口 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&…

javascript小实例，实现99乘法表及隔行变色

人生短暂,废话不多说,直奔主题! 这个小实例的要求: 实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if和switch两种判断方式都能实现: 额,分析一下实例要求:一个99乘法表,一个多方法的隔行变色,鼠标滑过变另外一个颜色,离开恢复原色. 嗯,我们一步步来吧! 99乘法表的实现,我相信很多人都知道怎么实现,无非是2个for循环得到的结果,这里我就不多做解…

在JSP页面中输出JSON格式数据

JSON-taglib是一套使在JSP页面中输出JSON格式数据的标签库. JSON-taglib主页: http://json-taglib.sourceforge.net/index.html JAR包下载地址: http://sourceforge.net/projects/json-taglib/files/latest/download 使用方法: 1.下载json-taglib.jar,将其放到WEB-INF/lib目录 2.在jsp页面中做如下声明: <%@ taglib pref…

JavaScript小实例：拖拽应用（二）

经常在网站别人的网站的注册页中看到一个拖拽验证的效果,就是它的验证码刚开始不出来,而是有一个拖拽的条,你必须将这个拖拽条拖到底,验证码才出来,说了感觉跟没说一样,你还是不理解,好吧,我给个图你看看: 这个是在万网的注册页中所截的图,大概的效果就是,当拖动那个拖拽框时,如果拖拽框没有拖到最右边,则拖拽框会移动到初始位置,如果拖动到最右边,则拖拽框显示为对勾,中间的文字也变了,但是我试了一下,他的验证码的框没有出来,不知道是改了还是怎么的,我没有继续点击确定往下进行,那不是我们要讲的重点,我就在他的…

javascript小实例，拖拽应用（一）

前面我们将了一下拖拽的基本思想,理论是有了,那实践呢,可以运用到什么地方呢?下面就给大家带来一个用拖拽思想写的一个小实例,供大家参考,大致效果看下图: 就是这样一个简单的一个拖拽条,你可以把它理解为滚动条,也可以理解为表单中的数量选择控件,也可以理解为进度条,等等,反正你可以改成很多你想要的效果,废话不多说,我们来看看这个是怎么做的吧! 想了想,感觉原理就不用说了吧,我在拖拽效果中就已经说的很清楚了,不清楚的同学可以出门左转,查看 javascript小实例,PC网页里的拖拽 ,我就直接贴代码了…

javascript 获取iframe里页面中元素值的方法关于contentWindow和contentDocumen

javascript 获取iframe里页面中元素值的方法 IE方法:document.frames['myFrame'].document.getElementById('test').value; 火狐方法:document.getElementById('myFrame').contentWindow.document.getElementById('test').value; IE.火狐方法: function getValue(){ var tmp = ''; if(document.…

jsp 自定义标签解决jsp页面中int时间戳的时间格式化问题

jsp 自定义标签解决jsp页面中int时间戳的时间格式化问题之前在项目中根据需求,需要自定义标签,经过查询w3c文档,自己也踩了一些坑,特此记录自定义标签的步骤,下面就以我之前的一个例子中的定义一个时间转换标签为例:github地址 1. 在项目中src中建一个com.xiangmuming.tags包,里面建一个类DateTag.java,内容为: 此类的内容参考地址,在引入的时候也可以参考此文章在web.xml中配置一下标签的路径,这里我没有配置这个. /** * 用于页面 jstl时间…

javascript小实例，编写一个方法，实现从n-m个数中随机选出一个整数

别怪我是一个闷葫芦,没那么多花哨的语言,废话不多说,先说说小实例的要求: 编写一个方法,实现从n-m个数中随机选出一个整数,要求:传递的参数不足两个或者不是有效数字,返回[0-1]之间的随机数,需要解决n和m两个数大小问题,如果m<n,两个参数的值进行交换: 看到这个求随机数的小实例,相信很多人都会写,也写过很多相关的程序代码,所以,重要的知识点没有,旨在给初学者一些启发,大牛可略过! 既然是给初学者看的,那么我们就从最基本的东西一步一步的看,便于理解,先拆分一下要求吧: 1.求一个n-m的随机…

在jsp中用一数组存储了数据库表中某一字段的值，然后在页面中输出其中的值。

List<String> list = new ArrayList<String>(); String sql = "select userName from userInfo";//假设你要取得用户表中的userName的值 PrepareStatement pstmt = db.getConnection().prepareStatement(sql);//这里根据你自己的情况操作数据库 ResultRet rs = pstmt.executeQuer…

javascript小实例，移动端页面中的拖拽

上文说到,想将移动端的拖拽说一说,那现在趁有时间,就将这个福利文带来了,哈哈! 在我还不知道怎么做移动端的手势操作的时候,我觉得这TM实在是太难了,这是多么高深的学问啊,手势操作耶,上滑下滑左滑右滑的,手机怎么知道我是怎么滑的,我要怎么告诉手机,我用手滑了一下,于是我就默默的找资料看看, 到底是什么样的原理可以实现这一点,于是,我找到了移动端手势操作原生事件: touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend:…

Java开发中经典的小实例-（字符串倒序输出）

public class Test12 { public static void main(String[] args) { // TODO Auto-generated method stub Scanner input = new Scanner(System.in); System.out.println("请输入一个字符串:"); String str = input.next(); for (int…

javascript小实例，多种方法实现数组去重问题

废话不多说,直接拿干货! 先说说这个实例的要求:写一个方法实现数组的去重.(要求:执行方法,传递一个数组,返回去重后的新数组,原数组不变,实现过程中只能用一层循环,双层嵌套循环也可写,只做参考): 先给初学者解释一下什么叫数组去重(老鸟跳过):意思就是讲数组里面重复的元素去掉,比如说var arr = [3,2,4,2,1,2]; 数组去重得到的新数组是 [3,2,4,1],就是这么一个功能. 实现方法比较简单,实现的方式也比较多,很多大牛也写过相关的文章,之所以写这边博客,旨在一是备忘,二是给…

javascript小实例，PC网页里的拖拽

几年前,我参与设计开发一个房产网的项目,我负责前端工作,由于项目经理要求比较高,参考了很多房产类网站比较优秀的功能,想把别人比较优秀的设计和想法集合到一起,那时的设计稿和功能实现,简直就是改了又改,今天做好的一个很好的效果,可能第二天就要推到重来,算了,不说这些了,还是说说我们今天要讲解的案例吧,不知道大家访问过搜房网没有(完全没有做广告之嫌,搜房网,可以给点广告费不),其中有一个功能产品经理特别喜欢,那,就是下面的这个: 这是现在的效果,可能改了一些,原来的效果是,里面的这张图是可以上下左右拖…

javascript小实例，PC网页里的拖拽（转）

这是现在的效果,可能改了一些,原来的效果是,里面的这张图是可以上下左右拖动的,然后房子上面的显示的楼栋号,也跟着图片一起移动,当时js能力还不行,未能实现项目经理的要求,不过后来项目经理又把这个效果推掉了,换了另外的一个效果尽管项目经理不想要这个效果了,但是当时就在我心里留下了一个节,到今天都忘不了这个梗. 好了,这就是我今天想写这篇博客的初衷,希望能给想实现这类拖拽效果,但是不知道该怎么去实现的同学,提供一种思路,不给青春留遗憾,当然实现拖拽的方法有很多,这里就只介绍JavaScript中的…

javascript小程序——用嵌套循环来输出乘法口诀表

在学习javascript过程中,一开始接触循环语句时一般拿乘法口诀表来练手,这里我将自己的练习贴在这里,希望能给和我一样的初学者些许帮助,也希望大神们能够不吝指教. 首先,来看一下乘法口诀表是什么样子的,不要告诉我所有人都记得一清二楚哦! 其次,乘法口诀表是一个表格,有行和列之分,用嵌套循环来输出时不可避免要用到两个参数,用i表示行号,用j表示列号.另外,我们输出时是将整个表格当做一个字符串来看待,所以设置字符串为res.代码如下: var res = “”,i,j: 然后,先对行号进行循环,…

javascript小实例，阻止浏览器默认行为，真的能阻止吗?支持IE和标准浏览器的阻止默认行为的方法

看到这标题,是不是有点逆天的感觉,总感觉好狂拽炫酷,耳边隐隐约约传来一个声音:你这么叼,你咋不上天呢! ~~ 额,好吧! 话入正题,我为什么会提出这么一个问题呢? 阻止浏览器默认行为,真的能阻止吗?那到底是什么样的方案,我会有这样的质疑? 那,就是它了,别看,就是你: //阻止浏览器默认行为触发的通用方法 function stopDefault(e){ //防止浏览器默认行为(W3C) if(e && e.preventDefault){ e.preventDefault(); } //…

css和javascript代码写在页面中的位置说明

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css和js的存放位置</title> <style type="text/css"> /*经过测试发现css放在head还是放在body里面都是可以的,建议放在head里面因为页面加载的顺序是从上至下,如果放在body里面…

[HTML]在页面中输出空格的几种方式

JS中如何输出空格在写JS代码的时候,大家可以会发现这样现象: document.write(" 1 2 3 "); 结果: 1 2 3 2. 无论在输出的内容中什么位置有多少个空格,显示的结果好像只有一个空格. 这是因为浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格. 解决方法: 1. 使用输出html标签来解决 document.write(" "+"1"+" …

react 简单在页面中输出一段文字

之前用脚手架创建了一个react项目,将react自带的src文件夹删除后创建一个空的src文件夹在src文件夹中创建一个index.jsx文件作为JS入口文件并创建一个hello组件现在我们进入到hello.jsx import React from 'react'; //声明组件 class Hello extends React.Component{ //写虚拟DOM元素,要卸载render函数里面 render(){ return( // 如果要写多个标签一定要记得要写在一个根元素里…

JavaScript小实例-文本循环变色效果

在现实生活中我们常常看到文字循环变色的效果,此效果不仅能让人们印象深刻,还提高了美观度,代码及注释如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>是壳哥呀!</title>…

javascript 小实例，求和的方法sumFn

新年第一记,从这里开始,先来个简单的!去年的知识梳理留下了很多尾巴,原因有很多(知识储量不足,懒了,项目多...) lg:都是借口~ 好吧,我承认,这都是借口,今年一定把尾巴清干净! 下面要写的是知识梳理的第一个案例: 写一个求和的方法sumFn,不管传递的参数有什么,都能将最终的和算出来,并且返回给函数外部使用.(要求:一个参数都不传默认结果为0,对于传递的非正常数字的参数不与累加操作): 这个案例主要要考察的知识点是 arguments 参数,来给个特写,什么意思呢? arguments…

JavaScript小实例-文字跑马灯效果

我们常常能看到显示屏上字体的滚动以及手机弹幕等,下面所示代码就是一个简易的文字跑马灯的效果: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>跑马灯效果</title> <style type="text/css"> * { margin: 0; padding: 0; f…

在JSP页面中输出字符" * "组成的金字塔

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <…

javascript动态改变当前页面中元素的状态行为

function Datea() { var timed = document.getElementById('timed'); var t = setInterval(function TDate() { var d1 = new Date() var h = d1.getHours(); var m = d1.getMinutes() var s = d1.getSeconds() //要判断如果h,m,s小于10的情况 h1 = h < 10 ? '0' + h : h m1 = m <…

mvc页面中，显示自定义时间格式

1.在model中,遇到datetime格式的字段,用string来表示 model中 /// <summary> /// 开始时间 /// </summary> [Display(Name = "开始时间")] [DataType(DataType.Text)] public String StartTime { get; set; } /// <summary> /// 截止时间 /// </summary> [Display(Nam…

关于JSP页面中的pageEncoding和contentType两种属性的区别

转自:http://blog.csdn.net/dragon4s/article/details/6604624 JSP指令标签中<%@ page contentType="text/html;charset=GB2312"%>这句有什么用途? 关于JSP页面中的pageEncoding和contentType两种属性的区别: pageEncoding是jsp文件本身的编码 contentType的charset是指服务器发送给客户端时的内容编码 JSP要经过两次的“编码”…

如何将 JavaScript 代码添加到网页中，以及 <script> 标签的属性

Hello, world! 本教程的这一部分内容是关于 JavaScript 语言本身的. 但是,我们需要一个工作环境来运行我们的脚本,由于本教程是在线的,所以浏览器是一个不错的选择.我们会尽可能少地使用浏览器特定的命令(比如 alert),所以如果你打算专注于另一个环境(比如 Node.js),你就不必多花时间来关心这些特定指令了.我们将在本教程的下一部分中专注于浏览器中的 JavaScript. 首先,让我们看看如何将脚本添加到网页上.对于服务器端环境(如 Node.js),你只需要使用诸如…

Js 在页面中输入消息的几种方式

一.方式 alert(“”); confirm(“”) ; prompt(“”); 接收用户信息 console.log(“”); 在网页控制台中输出消息 document.write(“”); 直接在页面中输出消息,可以写上html标签. 二.注意:在每一段js代码结束后都要加上 “;” alert("我喜欢javscript"); confirm("我喜欢javscript,增加了取消按钮"); console.log("…

【javascript小实例，在页面中输出当前客户端时间】的更多相关文章