【JavaScript原型链示例分享】教程文章相关的互联网学习教程文章

jquery操作checkbox示例分享【图】

checkbox操作 1. 全选、全不选 2.打印所有的选中项目<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title> </title><script type="text/javascript" src="jquery-1.3.2.js"></script><script>// 全选、全不选function docChkBoxChange(){var isChecked = jQuery(#docChkBoxTop).attr(checked);// 设置以下所有的 checkBox 列表jQuery("input[name=docChk...

yepnope.js使用详解及示例分享

yepnope.js的一个典型实例: yepnope({test : Modernizr.geolocation,yep : normal.js,nope : [polyfill.js, wrapper.js] });此实例表示如果Modernizr.geolocation为真的时候加载normal.js,为假则加载polyfill.js及wrapper.js。 yepnope完整语法: yepnope([{test : /* boolean(ish) 输入条件 */,yep : /* array (of strings) | string - 条件为真时加载的资源 */,nope : /* array (of strings) | string - 条件为假时加载的资源...

JavaScript数值数组排序示例分享

但是,我们在使用中就会发现问题,这里的数组排序方法并不是按照我们想像中的数字大小来排序的,而是按照字符串测试结果改变原先的数据。这并不是我们想要的。 那么如何才可以得到我们想要的按照我们思维中的数字大小来排序呢。我们可以自己编写一个函数来实现。 代码如下:var values = [0, 1, 5, 10, 15];// asc升序函数function compareAsc(value1, value2) { if (value1 > value2) { return 1; } else if (value1 ...

JavaScript作用域链示例分享

JavaScript只有函数作用域;每个函数都有个作用域链直达window对象。 变量的查找由内而外层层查找,找到即止。 同时不仅可以查找使用,甚至可以改变外部变量。代码如下:var color = "blue";function changeColor() { var anotherColor = "red"; function swapColors() { var tempColor = anotherColor; anotherColor = color; color = tempColor; } swapColors();}changeColor();console.log(col...

javascript数字时钟示例分享

代码很简单,直接上代码了,大家可以复制下面的代码保存成HTML文件运行看效果 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><script language="javascript">function Change(HourSurplus,MinuteSurplus,SecondSurplus){ SecondSurplus = SecondSurplus - 1; if (SecondSu...

jquery的each方法使用示例分享

对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内部的子元素进行逐个调用。代码如下:jQuery.prototype.each=function( fn, args ) { return jQuery.each( this, fn, args ); } 让我们看一下jQuery提供的each方法的具体实现,jQuery.each(obj,...

js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)

应为要有交互,选择了Js来实现,也算是 结对编程 的初试吧。 我将显示部分用html 写好,点击的按钮触发事件函数是check();代码如下:function onCheck(){ var Year = document.getElementById("year").value; //获取文本框的“年” var theYear =Year * 1; //转换为number类型 //alert(theYear); // 获取月值 var month = document.getElementById("month"); var index1=month.selectedIndex; var theMonth = month.options[index1...

javascript日期格式化示例分享

代码如下:/** * 格式化日期 * @param {Object} ms 表示指定日期与 1970 年 1 月 1 日午夜间全球标准时间的毫秒数 * @return year-month-date hh:mm */ Util.parseToDate = function(ms){ var date = (new Date(parseInt(ms))); return formatDate(date,"yyyy-MM-dd mm:hh"); }; /** * 格式化日期 * <code> * yyyy-------年 * MM---------月 * dd---------日 * hh---------时 * m...

js时间比较示例分享(日期比较)

代码如下:<html> <head> <script language="javascript" type="text/javascript"> /** 日期比较 **/ function compareDate(strDate1,strDate2) { var date1 = new Date(strDate1.replace(/\-/g, "\/")); var date2 = new Date(strDate2.replace(/\-/g, "\/")); return date1-date2; } /** 比较 **/ function doCompare(){ var strDate1 = document.getElementById("strDate1").value; var strDate2 = ...

jquery提交form表单简单示例分享

代码如下:$.ajax({  url : deliveryWarrant/update.do,  data : $(#myform).serialize(),  type : "POST",  success : function(data) {    var res = eval(( + data + ));    if (res && res.success == true) {       alert(res.message);    location.href="/form.php?godownWarrant.code="+$("#myform input[name=godownWarrant\\.code]").val();    } else {      alert(res.message); ...

jquery实现背景墙聚光灯效果示例分享

代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>jQuery背景墙聚光灯效果代码 </title> <script type="text/javascript" charset="utf-8" src=/jquery.js></script> <script type="text/javascript" charset="utf-8"> $(window).load(function(){ var spotlight = { // th...

对table和ul实现js分页示例分享

代码如下:(function($) { $.fn.tablepage = function(oObj, dCountOfPage, fresh_id) { var dPageIndex = 1; var dNowIndex = 1; var sPageStr = ""; var dCount = 0; var oSource = $(this); var sNoSelColor = "#CCCCCC"; var sSelColor = "black"; var sFontColor = "white"; var nowIndex = 1; change_page_content(); function change_page_content() { // 取得資料筆數 dCount = oSource.children().childr...

jquery制作搜狐快站页面效果示例分享【图】

代码如下:<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript" src="js/jquery-ui-1.10.3.min.js"></script><script type="text/javascript" src="js/jquery.fullPage.js"></script><script type="text/javascript">$(document).ready(function() { $.fn.fullpage({ slidesColor: [#fff, #fff, #fff, #fff, #fff], anchors: [page1, page2, page3, page4, pag...

jquery自定义滚动条插件示例分享

代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>自定义滚动条插件</title><style type="text/css"><!--html,body{height:100%;}body {margin:0; padding:0; background:#111 url(mcs_demo_bg.jpg) no-repe...

jquery五角星评分插件示例分享

代码如下:<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery五角星评分插件</title><script type="text/javascript" src="js/jquery/jquery-1.3.2.min.js"></script><script type="text/javascript" src="js/star_rating.js"></script><style type="text/css">#rating_cont { background: #1E1D1C url(images/rating_background.jpg) top left no-repeat; border: 1px so...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部