javaScript
文章平均质量分 71
yayun0516
Android开发
展开
-
HighCharts 随机数动态曲线展示(动态数据实时展示)
Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,本文主要研究在随机数展示上的原创 2014-06-09 21:44:09 · 2865 阅读 · 0 评论 -
window 对象--网页上实现时间动态展示
.html 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">计时方法用法#time{width:180px;height:40px;background:#fac;margi原创 2014-11-27 14:27:38 · 818 阅读 · 0 评论 -
DOM中修改内容和创建节点
修改内容:两个属性:.html代码如下: 内容修改 .cnt{ color:red; font-size:12pt; font-weight:bold; } function changeValues(){ var obj = document.getElementById("test"); /*obj.inn原创 2014-11-29 11:34:04 · 1404 阅读 · 0 评论 -
DOM中插入和删除节点(insertBefore()方法和removeChild()方法)
.html代码如下:插入节点 table{ width:350px; } tr{ text-align:center } td,th{ width:80px; border:1px solid #fba; } function insertRow(){ var tr =原创 2014-11-29 12:17:01 · 3995 阅读 · 0 评论 -
javascript事件处理中的鼠标事件实例
主要是onmouseout和onmouseover方法.html代码如下:*{margin:0}#layer{width:100px;height:30px;position:relative;background:#ffc;float:left;line-height:30px}#layer1{width:400px;height:300px;display:none;pos原创 2014-12-01 09:37:35 · 940 阅读 · 0 评论 -
DOM实现动态添加级联菜单
.html代码如下: 下来列表级联效果编写 #reg{width:300px;height:50px;background:#fca;padding-top:5px;padding-left:10px} function getDay(){ var y = parseInt(document.getElementById("原创 2014-11-30 20:46:01 · 1335 阅读 · 0 评论 -
DOM中表单操作
.html代码如下: 表单 function test(){ alert(document.myForm.method); alert(document.forms[0].method); document.forms[0].submit(); alert(document.myForm.userName.value); aler原创 2014-11-30 21:05:23 · 1340 阅读 · 0 评论 -
DOM-动态创建表格和动态添加下拉列表框实例
.html代码如下:表格单元格对齐 .r1{background:#fba} .r2{background:#ccc} function createTable(row,col){ var table = document.createElement("table");//创建table var body = document.get原创 2014-11-29 11:56:02 · 3244 阅读 · 0 评论 -
javascript事件处理--实例onblur
.html代码如下: 表单验证 *{font-size:10pt} #data{margin:0 auto;width:400px;height:300px} .mess{ height:8px; text-align:center; color:red; font-weight:bold; display:none; } fun原创 2014-12-01 09:25:24 · 2343 阅读 · 0 评论 -
DOM中使用节点对象遍历文档
childNodes获得是数组对象下面看一个实例: 遍历文档 function init(){ var body = document.childNodes[0].childNodes[2];//得到body节点 var str =""; for(var i = 0 ; i < body.childNodes.length ; i++){//遍原创 2014-11-29 11:18:38 · 1250 阅读 · 0 评论 -
文字或图片跟随鼠标移动或键盘控制图片移动实例(javascript实现)
.html代码如下:鼠标移动文字跟着移动 *{margin:0} #layer{ width:100px; height:30px; position:relative; float:left; line-height:30px } function move(){ var obj = document.getElementById('layer');原创 2014-12-01 10:22:50 · 4704 阅读 · 0 评论 -
JQuery实现数据格式化
.aspx代码如下: $(document).ready(function () { $("td.f", "#GridView1").text(function () {//.text()用于监听控件里的内容 var _f = $(this).text();原创 2014-12-07 17:58:36 · 1172 阅读 · 0 评论 -
javascript关闭弹出窗口时刷新父窗口和居中显示弹出窗
居中显示用到了moveTO()方法;关闭弹出窗时刷新父窗口用到了window.opener方法;父窗口代码如下: function cc() { var hdc = window.open('ChildWin.aspx', '弹出框', 'width=900,height=450,top=300,left=300')原创 2014-12-23 14:51:05 · 1484 阅读 · 0 评论 -
javascript事件处理中Event对象(键盘事件和鼠标事件)实例
.html代码如下:辅助键及鼠标*{margin:0}#layer{width:100px;height:30px;position:relative;float:left;line-height:30px} function changeColor(){ if(event.altKey){ document.getElementById('layer').style原创 2014-12-01 09:45:36 · 2194 阅读 · 0 评论 -
javascript实现日期时间动态显示
.aspx代码如下: document.write("") //输出显示日期的容器 //每1000毫秒(即1秒) 执行一次本段代码 setInterval("lblTime.innerText=new Date().toLocaleString()", 1000)原创 2014-12-23 11:32:08 · 1488 阅读 · 0 评论 -
asp.net中刷新和无刷新(JQuery实现)浏览图片的方法
.aspx代码如下: $(document).ready(function () { $("#lb_img").click(function () { $("#img2").attr("src", $(this).val());原创 2014-12-09 16:53:14 · 2051 阅读 · 0 评论 -
window对象中的location、screen、navigator、history
body{text-align:center}.txt{border:1px solid #000;font:10pt;color:gray} function currLoc(){ document.getElementById('txtContent').value = location;//显示当前页的路径 } function changeLoc(){ locati原创 2014-11-27 16:01:29 · 1663 阅读 · 0 评论 -
asp.net中BulletedList实现导航栏实例
.aspx代码如下: .style1{ margin:0px; padding:0px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-image:url(imgs/back_navbar.png);} .style1 li { display :inline-b原创 2014-11-27 21:21:18 · 4688 阅读 · 0 评论 -
javascript的对象和数组
数组定义的方法很多,如下: var a=new arr(5); var a=new arr(); var a=[2,3,4,8]; var=[2,,4]; var a=new arr(10,"aaa"); var b=10; var a=[b+10,b-3,b*10];数组遍历的方法有两种,for 和for in 注意两者的区别在于for方法可原创 2014-11-26 09:32:20 · 795 阅读 · 0 评论 -
javascript之sort排序的问题
sort方法使用较为独特,应注意。代码如下:数组方法之sort *{margin:0} #show{ width:200px; height:200px; margin:0 auto; color:white; background:#2c2c2c; text-align:center } var str=""; /*var a = [33原创 2014-11-26 09:47:52 · 854 阅读 · 0 评论 -
javascript小练习之进制转换
.html代码如下: #show{ width:100px; height:100px; margin:0 auto; background:#2c2c2c; color:#fff; text-align:center; }进制转换 document.write(""); var data = parseInt(prompt("请输入十进制数据"原创 2014-11-25 16:13:31 · 853 阅读 · 0 评论 -
javascript函数的高级写法
.html代码如下:函数高级写法 //function square(x){return x*x;} function setValue(x){return (x+10)}; var f = function(x){return setValue(x)*setValue(x);}; //var f = function square(x){alert(square);r原创 2014-11-25 17:05:31 · 1401 阅读 · 0 评论 -
javascript数组方法的使用
push方法在数组尾部添加数据,unshift方法在数组头部添加数据。join使用方法为 a.join("任意字符");a.reverse(); 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans原创 2014-11-26 09:53:11 · 742 阅读 · 0 评论 -
javascript 日期对象学习
.html代码如下:日期对象 function changeColor(){ var myDate = new Date(); var year = myDate.getFullYear(); var month = myDate.getMonth(); var day = myDate.getDate(); var hour = myDate.getHo原创 2014-11-26 15:34:50 · 735 阅读 · 0 评论 -
javascript 对象的创建
创建对象和方法的三种方式如下:面向对象用法 var s = {};//方法一 s.name = "wws"; s.age = 32; s.show = function(){ alert(s.name+":"+s["age"]); }; s.show(); var s = {//方法二 name : "wws", age : 32, show :原创 2014-11-26 18:20:32 · 667 阅读 · 0 评论 -
javascript小例子--实现邮箱验证的功能
.html代码如下:字符串实例 function check(){ var obj=document.getElementById("email");//.getElementById("email")方法 if(obj.value!=""){ var str = obj.value; if(str.indexOf("@")!=-1){ if(原创 2014-11-26 13:28:55 · 1603 阅读 · 0 评论 -
javascript小练习实现颜色随机变化
代码如下:数学对象实例 function changeColor(){ var red = Math.ceil(Math.random()*255); var green = Math.ceil(Math.random()*255); var blue = Math.ceil(Math.random()*255); var color = "#"+red.to原创 2014-11-26 15:20:15 · 1754 阅读 · 0 评论 -
正则表达式
\ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。-或- 对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*"。 ^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不原创 2014-11-26 16:34:04 · 720 阅读 · 0 评论 -
正则表达式实现邮箱验证的功能
.html代码如下:RegExp用法 function chkEmail(){ var email = document.getElementById('email').value; var obj = document.getElementById('showMess'); //www@163.com var pattern = /^[a-zA-Z]\w+[@原创 2014-11-26 17:19:10 · 855 阅读 · 0 评论 -
javascript字符串学习总结
示例代码如下:字符串对象 *{margin:0} #show{ width:200px; height:200px; margin:0 auto; color:white; background:#2c2c2c; text-align:center } //var str = "hellow"; var str = new String("he原创 2014-11-26 10:27:17 · 722 阅读 · 0 评论 -
DOM的概念和选取元素的方法
.getElementById和.getElementsByName方法如下:.html代码如下:选取元素#result{width:400px;border:1px solid #bc0;line-height:24px;padding-top:5px;padding-left:5px;font:11pt;color:gray;font-weight:bold;display:原创 2014-11-27 19:24:50 · 935 阅读 · 0 评论 -
html+javascript实现广告窗自由浮动
首先介绍一种设置div初始位置的定位方法:.html代码如下:层的移动#ad{width:120px;height:120px;background:url(images/default.gif);position:relative;} var obj = null; function init(){ obj = document.getElement原创 2014-11-27 14:44:49 · 13331 阅读 · 1 评论 -
html+javascript实现三种对话框和模式对话框
.html代码如下:对话框 alert("Hello"); if(confirm("test")) document.write(""); prompt("aaaa","1");//aaa为提示信息,1为默认输出 var name; do{ name = prompt("输入用户名");//带输入窗的对话框 var correct = confirm("输入用户名为:原创 2014-11-27 16:31:06 · 10716 阅读 · 1 评论 -
HighCharts静态柱状图实现
Highcharts:功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库 Highcharts是一款纯javascript编写的图表库,能够很简单便捷的在Web网站或Web应用中添加交互性的图表,Highcharts目前支持直线图、曲线图、面积图、柱状图、饼图、散点图等多达18种不同类型的图表,可以满足你对Web图表的任何需求 !实例代码如下:原创 2014-12-30 11:13:50 · 4753 阅读 · 1 评论