JavaScript实例-----反选

<!DOCTYPE HTML> <html> <head> <script> function myFunction() { var oTab = document.getElementsByTagName("input");//获取所有input元素 for(var i=0 ; i<oTab.length;i++) { if(oTab[i].checked==true) oTab[i].checked = false; else…

一些有用的javascript实例分析(二)

原文:一些有用的javascript实例分析(二) 5 求出数组中所有数字的和 window.onload = function () { var oBtn = document.getElementsByTagName("button")[0]; var oInput = document.getElementsByTagName("input")[0] var oStrong = document.getElementsByTagName("stron…

JavaScript实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/TDT/xhtml1-strit.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>…

每天一个JavaScript实例-从一个div元素删除一个段落

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-从一个div元素删除一个段落</title> <style> p{ padding:20px; margin:10px 0; width:…

每天一个JavaScript实例-推断图片是否载入完毕

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>每天一个JavaScript实例-推断图片是否载入完毕</title> <script> window.onload= function(){ //clearTimeout(clock); alert("载入完毕"); } v…

每天一个JavaScript实例-动态省份选择城市

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-动态省份选择城市</title> <script> var citystore = new Array(); citystore = [[…

每天一个JavaScript实例-递归实现反转数组字符串

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-递归实现反转数组字符串</title> <script> var func = function(x,indx,str){ return…

每天一个JavaScript实例-html5拖拽

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-html5拖拽</title> <style> #drop{ width:300px; height:200px; background-…

每天一个JavaScript实例-canvas绘图

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-canvas绘图</title> <style> .canvas{ width:600px; height:500px; } </s…

一些有用的javascript实例分析(三)

原文:一些有用的javascript实例分析(三) 10 输入两个数字,比较大小 window.onload = function () { var aInput = document.getElementsByTagName("input"); var aSpan = document.getElementsByTagName("span")[0]; for(var i=0;i<aInput.length-1;i++){ aInput[i].onkeyup=…

一些有用的javascript实例分析(一)

原文:一些有用的javascript实例分析(一) 本文以http://fgm.cc/learn/链接的实例索引为基础,可参见其实际效果.分析和整理了一些有用的javascript实例,相信对一些初学者有一定的帮助.本人水平有限,有许多不足的地方还望包涵,指正.废话不多说,正文以代码开始,不在代码中死去,就在代码中重生.不经历码农,如何来做攻城狮. 1 控制div属性 //参数为对象,样式属性和值 var changeStyle=function(elem,attr,value){ elem.s…

每天一个JavaScript实例-防止反复表单提交

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-防止反复表单提交</title> <style> #refresh{ display: none; width:200px; height…

JavaScript 实例 | w3cschool菜鸟教程

JavaScript 实例 | w3cschool菜鸟教程 http://www.w3cschool.cc/js/js-examples.html…

01: JavaScript实例

1.1 基础 JavaScript 实例 <body> <script type="text/javascript"> document.write("<h1>Hello World!</h1>") </script> </body> 生成普通文本和标签 <body onload="message()"> <h1>页面还未显示前调用js</h1&…

每天一个JavaScript实例-展示设置和获取CSS样式设置

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-展示设置和获取CSS样式设置</title> <style> #date{ width:200px; background-color:l…

网页设计与开发：HTML、CSS、JavaScript实例教程 (郑娅峰) pdf扫描版

网页设计与开发:HTML.CSS.JavaScript实例教程从实用角度出发,详细讲解了HTML.CSS和JavaScript的基本语法和设计技巧,通过一个实用的班级网站的规划.设计.实现到发布过程,将各章的知识点贯穿起来,各章均配有习题和实验,力求达到理论知识与实践操作完美结合的效果.<网页设计与开发:HTML.CSS.JavaScript实例教程>内容翔实,行文流畅,讲解清晰,介绍全面,具有很强的可读性. 网页设计与开发:HTML.CSS.JavaScript实例教程可作为普通高校计算机…

每天一个JavaScript实例-apply和call的使用方法

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-apply和call的使用方法</title> <script> function Person(name,age){ //定义一个类,人…

每天一个JavaScript实例-获取元素当前高度

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-获取元素当前高度</title> <style> #date{width:90%;height:25%;padding:10px;back…

每天一个JavaScript实例-tab标签切换

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-tab标签切换</title> <style> .tabcontainer{ padding:5px; width:500px; marg…

每天一个JavaScript实例-操作元素定位元素

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-操作元素定位元素</title> <style> div#a{ width:500px; } div{ border:1px solid…

每天一个JavaScript实例-处理textarea中的字符成每一行

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>每天一个JavaScript实例-处理textarea中的字符成每一行</title> <script> function clicka(){ console.log("aaa"); var aa = document.get…

每天一个JavaScript实例-检測表单数据

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-检測表单数据</title> <style> [role="alert"]{ background-color: #f…

每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置</title> <style> #info{ width:100px; height:100px;…

【javascript实例】具有立体效果的图片浏览器

此实例,直接粘贴代码即可运行,当然图片的路径不要忘记改了. 此实例是我一遍学习一边写出来的,希望能够帮到大家,一起学习.效果如图所示: html代码如下所示: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>图片浏览工具制作</title> <script type="…

javascript实例——时间日期篇(包含5个实例)

本来想在网上找一些js实例来练练手,结果发现一本书<突破JavaScript编程实例五十讲>,看了下内容还不错,就下了下来: 后面又下了该书籍的源码,一看才发现这本书编的日期是2002年的,代码运行之后,有些代码可以运行,有些代码已经失效,原因是其所用的一些语言是已经淘汰的了. 其次就是由于是很早之前写的,那时候可能还没有css,js,html分离的想法,都是杂糅在一起的,看起来很不舒服. 还有就是,代码末尾都是不带分号的,还有各种不加关键字var的隐性全局变量等,都影响了程序的整洁性,简洁性…

JavaScript实例技巧精选(10)—计算器实例2

>>点击这里下载完整html源码<< 这是截图: 利用Javascript和html实现的另一个计算器实例,核心代码如下: <script language="JavaScript"> <!-- function equa1() { a = document.form1.aa.value; b = document.form1.ab.value; c = a-b; document.form1.total1.value = c } functi…

JavaScript实例技巧精选(9)—计算器实例1

>>点击这里下载完整html源码<< 这是截图: 利用Javascript和html实现的一个计算器实例,核心代码如下: <script language="JavaScript"> <!-- Hide the script from old browsers -- function compute(obj) {obj.expr.value = eval(obj.expr.value)} var one = '1' var two = '2'…

Javascript实例技巧精选(7)—设置和获取文本框与文本域的光标位置（兼容IE和Chrome,Firefox）

>>点击这里下载完整html源码<< 截图如下: 本实例描述了如何用Javascript来控制和获取文本框/文本域的鼠标光标位置,以下代码兼容IE和Chrome,Firefox <script type="text/javascript"> function getTxt1CursorPosition(){ var oTxt1 = document.getElementById("txt1"); var cursurPositio…

JavaScript实例：运动的小球

本篇博文通过制作一个小球运动动画的实例,来学习在HTML5的画布上实现动画制作的方法,同时理解面向对象程序设计的基本思想. 1．绘制小球先在HTML页面中设置一个画布. <canvas id="myCanvas" width="400" height="300" style="border:3px double #996633;"> </canvas> 再将小球画在canvas(画布)上面. 可编写如…

JavaScript实例之计算器

代码实例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计算器实例效果</title> <script type="text/javascript"> var compute=function (val) { var num1=parseFloat(document.g…

【JavaScript实例-----反选】的更多相关文章