博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一些有用的javascript实例分析(二)
阅读量:5127 次
发布时间:2019-06-13

本文共 2958 字,大约阅读时间需要 9 分钟。

原文:

1 5 求出数组中所有数字的和  2 window.onload = function ()  3 {  4     var oBtn = document.getElementsByTagName("button")[0];  5     var oInput = document.getElementsByTagName("input")[0]  6     var oStrong = document.getElementsByTagName("strong")[0];  7     oInput.οnkeyup=function(){  8         //用空白替换非数字和逗号  9         this.value=this.value.replace(/[^(\d)|(,)]/,""); 10     }; 11     oBtn.οnclick=function(){ 12         var sum=0; 13         //将输入的值以逗号为分隔符,转化为字符数组 14         var oInput=document.getElementsByTagName("input")[0].value.split(",") 15         for(var i in oInput){ 16             //把字符型转化为整型 17             sum=parseInt(oInput[i]); 18         } 19     }; 20     oStrong.innerHTML=sum; 21 } 22  23 6 简易选项卡 24 window.onload = function () 25 {   //获取标题 26     var oLi = document.getElementById("tab").getElementsByTagName("li"); 27     //获取内容 28     var oUl = document.getElementById("content").getElementsByTagName("ul"); 29     for(var i=0;i
52
    53
  • 第一课
  • 54
  • 第二课
  • 55
  • 第三课
  • 56
57
58
    59
  • 网页特效原理分析
  • 60
  • 响应用户操作
  • 61
62
    63
  • 戛纳印象效果
  • 64
  • 数组
  • 65
  • 字符串连接
  • 66
67
    68
  • JavaScript组成:ECMA来源
  • 69
  • JavaScript出现的位置、优缺点
  • 70
71
72 73 74 75 7 单一按钮显示/隐藏 76 window.onload = function () 77 { 78 var oH2 = document.getElementsByTagName("h2")[0]; 79 var oUl = document.getElementsByTagName("ul")[0]; 80 oH2.οnclick=function(){ 81 var style=oUl.style; 82 //内容在显示和隐藏之间切换 83 style.display=style.display=="none"?"block":"none"; 84 //标题栏的图标随下拉框的改变而改变(background-position) 85 oH2.className=style.display=="none"?"open":"" 86 } 87 88
89

播放列表...

90
94
95 96 97 8鼠标移过,改变图片路径 98 window.onload = function () 99 {100 var oImg = document.getElementById("box").getElementsByTagName("img");101 var oDiv = document.getElementsByTagName("div")[0];102 for(var i=0;i
111
    112
  • 113
  • 114
  • 115
116 117 118 119 9 复选框(checkbox)全选/全不选/返选120 window.onload = function ()121 {122 var oInput = document.getElementsByTagName("input");123 var oLabel = document.getElementsByTagName("label")[0];124 var isCheckAll=function(){125 //i=0是全选框状态,n记录选中的个数126 for(var i=1,n=0;i

 

posted on
2014-05-10 19:45 阅读(
...) 评论(
...)

转载于:https://www.cnblogs.com/lonelyxmas/p/3720914.html

你可能感兴趣的文章
3月29日AM
查看>>
利用IP地址查询接口来查询IP归属地
查看>>
HTML元素定义 ID,Class,Style的优先级
查看>>
构造者模式
查看>>
http和https的区别
查看>>
Hbuild在线云ios打包失败,提示BuildConfigure Failed 31013 App Store 图标 未找到 解决方法...
查看>>
找到树中指定id的所有父节点
查看>>
今天新开通了博客
查看>>
AS3优化性能笔记二
查看>>
ElasticSearch(站内搜索)
查看>>
4----COM:a Generative Model for group recommendation(组推荐的一种生成模型)
查看>>
UVA 11137 - Ingenuous Cubrency
查看>>
js阻止事件冒泡的两种方法
查看>>
Java异常抛出
查看>>
[SQL Server 系] T-SQL数据库的创建与修改
查看>>
74HC164应用
查看>>
变量声明和定义的关系
查看>>
Wpf 之Canvas介绍
查看>>
linux history
查看>>
jQuery on(),live(),trigger()
查看>>