页面中实现录音需要使用浏览器提供的 Media?Recorder API,所以前提是需要浏览器支持 MediaStream Recording 相关的功能。以下代码默认工作在 Chrome 环境中。准备页面首先准备一个页面,其中内容很简单,两个按钮,一个用于录音,一个用于播放。<!DOCTYPE html>
<htmllang="en">
<head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=...
成品显示,可左右切换月份html 代码 <!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>移动端日历</title><link rel="stylesheet" href="./css/calendar.css">
</head>
<body><div id="calendarElement"><div class="header"><div class="prev"><i class="previ"></i></div><div class="...
//在第二个函数positionMessage中设置初始位置与终点,新建html文件是,元素ID为message。function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != ‘function‘) { window.onload=func;}else{ window.onload = function(){ oldonload(); func(); } }}function positionMessage() { if (!document.getElementById) {return false;} if (!document.get...
编吐血整理加上翻译,太辛苦了~求赞!本文主要总结了JavaScript 常用功能总结,如一些常用的额JS 对象,基本数据结构,功能函数等,还有一些常用的设计模式。 目录:众所周知,JavaScript是动态的面向对象的编程语言,能够实现以下效果:1. 丰富Web 网页功能2. 丰富Web界面3. 实现本地或远程存储。4. 实现分布式网络应用的前端组件,并在后台进行数据存储管理。5. 使用JavaScript可以实现完整的分布式Web 应用。 JavaScript 中的数...
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>账号注册</title><style>select {width: 100px;padding: 5px;font-size:16px;}</style>
</head>
<body>
<!--要实现的功能: 账号 密码 性别 <爱好> 地址出生年月 头像 相册 邮箱 电话 肤色 音量 个人简介-->
<form action="demo01.html"method="post">
<!--账号开始--><p>账号:<input type="text"name="userCode"required placeholder="请输入账号:...
引用:http://www.css88.com/archives/5180收集了一些比较常用的javascript函数。字符串长度截取function cutstr(str, len) {var temp,icount = 0,patrn = /[^\x00-\xff]/,strre = "";for (var i = 0; i < str.length; i++) {if (icount < len - 1) {temp = str.substr(i, 1);if (patrn.exec(temp) == null) {icount = icount + 1} else {icount = icount + 2}strre += temp} else {break;}}return strre + "..."
}替换全部String....
这里介绍一种js创建简单map对象的方法:function Map()
{//创建object对象, 并给object对象添加key和value属性 var obj1=new Object();var obj2=new Object(); obj1.key="zhangsan" ;obj1.value=23;obj2.key="lisi";obj2.value=25;//创建一个数组,将创建的object对象放如到数组中去var map=new Array(obj1,obj2);
}
这里只是一中最简单的map()的构建方式,将含有键值对的object对象存入到Array数组中,就形成了类似...
1 (function(root){2 3function Page(params){4 5this.oTarget = document.getElementById(params.dom);6this.fn = params.fn;7this.pageNumber = params.pageNumber;8this.interval = params.interval || 2;9this.page = 1;
10this.start = 1;
11this.end = (this.interval*2+1);
1213this.dom();
14this.bind();
15 }
16 Page.prototype.dom=function(){
17this.last = true;
18this.Data = [];
1920if(this....
//这里是BaseDao 1/** 2 * 获得一个对象3 * @param hql4 * @param param5 * @return 6*/ 7public Object get(String hql, Object[] param){8 List<Object> objects = this.getHibernateTemplate().find(hql, param); 9if (objects != null && objects.size() > 0) {
10return objects.get(0);
11 } else {
12returnnull;
13 }
14 }//这里是UsersDaoImpl 1/** 2 * 查找邮箱...
function checkAll() { //把所有参与选择的checkbox使用相同的name,这里为"num_iid" var eles = document.getElementsByName("num_iid"); var i = 0; // 如果是全选状态,则取消所有的选择 if (isSelectAll() == true) { for ( i = 0; i < eles.length; i++) { eles[i].checked = false; } document.getElementById("selectAll").checked = false; } else { // 否则选中每一个checkbox for ...
在提交评论的时候,如何判断是一级评论还是二级评论(因为都是通过一个文本域提交评论),思路:声明一个全局变量,如果是回复(二级评论)那么会触发点击回复事件,在这个事件的回调函数里给全局变量设置为true;如果没有设为true,则说明是提交一级评论。如何声明全局变量--》here因为是通过一个按钮的点击事件实现回复和一级评论,所以需要用到一个事件触发多个函数的思路。看了一眼这篇博客有了一个思路~呵呵~通过全局变量的值...
<!--打印的实现1:start--><input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /><!--将不需要打印的部分,标记为 class="noprint" --><style type="text/css" media=print>.noprint{display : none }</style><p class="noprint">不需要打印的地方</p><p>打印的部分</p><!--打印的实现1:end--> <!-- ************************* 2011-09-28更新了代码 **************************** --> <!--...
今天使用js写了段jq中的html()方法。我的原则是废话不多说,直接放代码。。<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JQuery初探</title>
</head>
<body><div id="box"><span>1112</span></div><script>var Kodo = function(selector){returnnew Kodo.prototype.init(selector);}Kodo.prototype = {constructor : Kodo,length : 0,splice : [].splice,selector : ‘‘,id:{},init : function(selector...
Zeno Rocha发布了一个专门用于从web页面向本地计算机的剪贴板复制文本的JavaScript库:Clipboard.js。在每一个Github仓库页面的侧边栏上都有一个小部件,用来显示repo的HTTPS克隆地址,当你点击紧挨着这个部件的按钮时,就会复制当前repo的URL到用户的剪贴板中。Github用JavaScript库ZeroClipboard来实现这一功能,问题是这个库是用一个不可见的Flash来完成剪贴操作,而Flash技术正被各大浏览器厂商冷落,所以势必要有一个新的方案...
JavaScript是由Netscape开发的对象脚本语言,其特点是开发简单、功能灵活,目前已广泛应用于WEB页面及服务器应用程序中。HTML本身是静态的、不允许用户干预,但用JavaScript编写的脚本程序就可以在用户的浏览器端运行,可以同用户进行交互,从而实现动态页面。可以将JavaScript与嵌入WEB的大多数对象的事件(如鼠标点击、移动等)相关联,然后用自己的方式处理这些事件。JavaScript提供了丰富的内置函数及命令,能在浏览器中显示HT...