JS小应用
1.根据个人Eamil跳转到Email登录页面Java代码
2.判断checkbox是否勾选与选择框Java代码
3.密码强度验证
Java代码
Java代码
5.用bootstrap.js中tooltip 代替parsley.js的errormessage显示框Java代码
Java代码Java代码Java代码
Java代码
Java代码
Java代码
10.判断组件是否存在Java代码
Java代码
13.组件是否hidden Java代码
Java代码
AJAX案例
div 部分用于显示来自服务器的信息。当按钮被点击时，它负责调用名为loadXMLDoc() 的函数：
Let AJAX change this text
所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建XMLHttpRequest 对象。 创建 XMLHttpRequest 对象的语法： variable=new XMLHttpRequest(); 老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象： variable=new ActiveXObject("Microsoft.XMLHTTP"); 为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持XMLHttpRequest 对象。如果支持，则创建 XMLHttpRequest 对象。如果不支持，则创建 ActiveXObject ： var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } 在下一章中，您将学习发送服务器请求的知识。 AJAX - 向服务器发送请求 ?Previous Page ?Next Page XMLHttpRequest 对象用于和服务器交换数据。 向服务器发送请求 如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法： xmlhttp.open("GET","test1.txt",true); xmlhttp.send();
js网上商城案例
购物车 cart.css @charset "utf-8"; /* CSS Document */ /*中间导航*/ #nav{ width:985px; /*内容固定宽度*/ margin:0px auto; /*固定宽度且居中*/ height:39px; } #middle#allnav{ width:100%; /*自适应宽度，占据整个屏幕*/ height:39px; background-color:#ff7701; } #nav ul li{ float:left; } #nav ul li a{ float:left; /*兼容ie6*/ padding:0px16px; height:39px; line-height:39px; display:block; font-weight:bold; font-size:15px; color: white; } #nav ul li a:hover{ background-color:#ff8c00 } #nav ul li a.category{ background-image: url(../images/arrow-down.gif); background-repeat:no-repeat; background-position:right; } /*导航菜单的二级菜单用到定位*/ #nav ul li.menuList{ position:relative; } #nav ul li.menuList ul{ background-color:#ff7701; text-align: center; top:39px; /*脱离原文档流*/ left:0px; position:absolute; width:123px; display:none; }
用Js脚本实现页面跳转
1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 向上一页 response.Write("") response.Write("") 向上一页 页面跳转:onclick="window.location.href='list.aspx'" P.S. 小技巧(JS引用JS): Javascript刷新页面的几种方法： 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href 自动刷新页面的方法: 1.页面自动刷新：把如下代码加入
区域中 其中20指每隔20秒刷新一次页面.JS实例网页上图片延迟加载的JS代码
大家如果使用firebug去查看的话就会发现，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。 实现原理 把所有需要延时加载的图片改成如下的格式： 然后在页面加载时，把所有使用了lazy_src的图片都保存到数组里，然后在滚动时计算可视区域的top，然后把延时加载的图片中top小于当前可视区域（即图片出现在可视区域内）的图片的src的值用lazy_src的来替换（加载图片） 代码 lazyLoad=(function() { var map_element = {}; var element_obj = []; var download_count = 0; var last_offset = -1; var doc_body; var doc_element; var lazy_load_tag; function initVar(tags) { doc_body = document.body; doc_element = https://www.wendangku.net/doc/9814908512.html,patMode == 'BackCompat' ? doc_body: document.documentElement; lazy_load_tag = tags || ["img", "iframe"]; }; function initElementMap() { var all_element = []; //从所有相关元素中找出需要延时加载的元素 for (var i = 0, len = lazy_load_tag.length; i < len; i++) { var el = document.getElementsByTagName(lazy_load_tag[i]); for (var j = 0, len2 = el.length; j < len2; j++) { if (typeof(el[j]) == "object" && el[j].getAttribute("lazy_src")) { element_obj.push(all_element[key]); } } } for (var i = 0,
JS实现一个按钮的方法
本文实例讲述了JS实现一个按钮的方法。分享给大家供大家参考。具体实现方法如下：<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="edge"> <script> window.onload = function(){ var btn = new Btn(); btn.init({width:300}); bindEvent(btn,'show',function(){ alert(1); }) bindEvent(btn,'click',function(){ alert(2); }) var oBtn = document.getElementById('btn'); oBtn.onclick = function (){ fireEvent(btn,'show'); } } function Btn(){ this.btn= null; this.settings = { width:200, height:40, borderRadius:6, text :'按钮' }; } Btn.prototype.init = function (opt){ extend(this.settings,opt); this.creat(); } Btn.prototype.creat = function (){ this.btn =document.createElement('div'); document.body.appendChild(this.btn); this.btn.innerHTML = this.settings.text; this.setData(); } Btn.prototype.destory = function (){ document.body.removeChild(this.btn); } Btn.prototype.setData = function (){ this.btn.style.width = this.settings.width +'px'; this.btn.style.height = this.settings.height +'px'; this.btn.style.border ='solid #f00 '+ this.settings.borderRadius +'px'; } function extend(obj1,obj2){ for(var attr in obj2){ obj1[attr] = obj2[attr]; } } function bindEvent(obj,events,fn){ obj.listeners = obj.listeners || {}; obj.listeners[events] = obj.listeners[events] || []; obj.listeners[events].push( fn ); if(obj.nodeType){ if(obj.addEventListener){ obj.addEventListener(events,fn,false); }else{ obj.atta chEvent('on'+events,fn); } } } function fireEvent (obj,events){ if(obj.listeners[events]){ for(var i in obj.listeners[events]){ obj.listeners[events][i](); } } } </script> </head> <body> <a id="btn" style="margin-top: 40px;" >12</a> </body> </html> 希望本文所述对大家的javascript程序设计有所帮助。 更多信息请查看IT技术专栏
函数模型的应用实例(Ⅲ)
函数模型的应用实例（Ⅲ） 一、教学目标 1、知识与技能能够收集图表数据信息，建立拟合函数解决实际问题。 2、过程与方法体验收集图表数据信息、拟合数据的过程与方法，体会函数拟合的思想方法。 3、情感、态度、价值观深入体会数学模型在现实生产、生活及各个领域中的广泛应用及其重要价值。 二、教学重点、难点： 重点：收集图表数据信息、拟合数据，建立函数模解决实际问题。 难点：对数据信息进行拟合，建立起函数模型，并进行模型修正。 三、学学与教学用具 1、学法：学生自查阅读教材，尝试实践，合作交流，共同探索。 2、教学用具：多媒体 四、教学设想 （一）创设情景，揭示课题 2003年5月8日，西安交通大学医学院紧急启动“建立非典流行趋势预测与控制策略数学模型”研究项目，马知恩教授率领一批专家昼夜攻关，于5月19日初步完成了第一批成果，并制成了要供决策部门参考的应用软件。 这一数学模型利用实际数据拟合参数，并对全国和北京、山西等地的疫情进行了计算仿真，结果指出，将患者及时隔离对于抗击非典
至关重要、分析报告说，就全国而论，菲非典病人延迟隔离1天，就医人数将增加1000人左右，推迟两天约增加工能力100人左右；若外界输入1000人中包含一个病人和一个潜伏病人，将增加患病人数100人左右；若4月21日以后，政府示采取隔离措施，则高峰期病人人数将达60万人。 这项研究在充分考虑传染病控制中心每日工资发布的数据，建立了非典流行趋势预测动力学模型和优化控制模型，并对非典未来的流行趋势做了分析预测。 本例建立教学模型的过程，实际上就是对收集来的数据信息进行拟合，从而找到近似度比较高的拟合函数。 （二）尝试实践探求新知 例1．某地区不同身高的未成年男性的体重平均值发下表 （身高：cm；体重：kg） 1）根据表中提供的数据，建立恰当的函数模型，使它能比较近似地反映这个地区未成年男性体重与身高ykg与身高xcm的函数模型的解析式。 2）若体重超过相同身高男性平均值的1.2倍为偏胖，低于0.8倍为偏瘦，那么这个地区一名身高为175cm ，体重为78kg的在校男
javascript实用代码实例 js 定位 延时 传值 跳转
优点；用户操作感觉满意度高； 仅javascript的html，实现多验证多功能，不用回传，效率高，用户体验好; 知识点：可视窗口的背景着色， div的任意绝对定位， 各种输入文本情况的确检测， 用js控制div的内容：innerHTML， isNaN方法：判断字符串是否全是数字， js实现延时自动跳转到另一页面， 接受上一页面的传来的信息，并判断，进行回应:request[“uid”] login.html 将以下内容复制到文本中，改后缀名为.htm或html 即可看到显示结果