徐的张的博客_javaScript

DOM中表单操作

.html代码如下：表单 function test(){ alert(document.myForm.method); alert(document.forms[0].method); document.forms[0].submit(); alert(document.myForm.userName.value); aler

javascript

html

用户名

原创 2022-11-11 15:17:47 79 阅读

javascript事件处理--实例onblur

.html代码如下：表单验证 *{font-size:10pt} #data{margin:0 auto;width:400px;height:300px}

html

javascript

onblur

用户名

表单验证

原创 2022-11-11 12:51:59 112 阅读

javascript的对象和数组

数组定义的方法很多，如下：<html><head><title></title><script type="text/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;

javascript

数组

html

原创 2022-11-11 11:19:07 51 阅读

HighCharts静态柱状图实现

Highcharts:功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库 Highcharts是一款纯javascript编写的图表库，能够很简单

highcharts

js

javascript

html

jquery

原创 2022-11-11 11:15:30 66 阅读

javascript关闭弹出窗口时刷新父窗口和居中显示弹出窗

居中显示用到了moveTO()方法；关闭弹出窗时刷新父窗口用到了window.opener方法；父窗口代码如下： function cc() {

javascript

html

c#

原创 2022-11-11 11:15:20 131 阅读

javascript实现日期时间动态显示

.aspx代码如下： document.write("") //输出显示日期的容器 //每1000毫秒(即1秒) 执行一次本段代码 setInterval("lblTime.innerText=new Date().toLocaleString()", 1000)

javascript

setInterval

html

xml

3c

原创 2022-11-11 11:15:15 65 阅读

html+javascript实现广告窗自由浮动

首先介绍一种设置div初始位置的定位方法：.html代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equi

广告浮动

javascript

html

3c

原创 2022-11-11 11:14:58 370 阅读

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-transitiona

javascript

数组方法

html

添加数据

3c

原创 2022-11-11 11:14:53 67 阅读

DOM-动态创建表格和动态添加下拉列表框实例

.html代码如下：表格单元格对齐 .r1{background:#fba} .r2{background:#ccc} function createTable(row,col){ var table = document.createElement("table");//创建table var body = document.get

dom

javascript

.appendChild

.createElement

.getElementsByTagNam

原创 2022-11-11 11:13:53 64 阅读

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

asp.net

bulletedlist

html

控件

css

原创 2022-11-11 11:13:49 45 阅读

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

javascript

sort

排序

html

3c

原创 2022-11-11 11:13:46 35 阅读

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

javascript

html

3c

原创 2022-11-11 11:13:40 69 阅读

javascript小练习之进制转换

.html代码如下： #show{ width:100px; height:100px; margin:0 auto; background:#2c2c2c; color:#fff; text-align:center; }进制转换 document.write(""); var data = parseInt(prompt("请输入十进制数据"

javascript

html

css

进制

十进制数

原创 2022-11-11 11:13:20 75 阅读

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

javascript

html

对象

css

原创 2022-11-11 11:10:53 61 阅读

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

html

javascript

window对象

css

3c

原创 2022-11-11 11:10:44 31 阅读

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 :

javascript

html

对象

3c

原创 2022-11-11 11:10:29 56 阅读

正则表达式实现邮箱验证的功能

.html代码如下：RegExp用法 function chkEmail(){ var email = document.getElementById('email').value; var obj = document.getElementById('showMess'); //www@163.com var pattern = /^[a-zA-Z]\w+[@

javascript

正则表达式

html

3c

原创 2022-11-11 11:10:24 50 阅读

正则表达式

\ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。-或- 对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只匹配"a*"。 ^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而不

html

javascript

正则表达式

元字符

原创 2022-11-11 11:10:23 61 阅读

javascript 日期对象学习

.html代码如下：日期对象 function changeColor(){ var myDate = new Date(); var year = myDate.getFullYear(); var month = myDate.getMonth(); var day = myDate.getDate(); var hour = myDate.getHo

日期对象

javascript

html

i++

原创 2022-11-11 11:10:18 58 阅读

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

javascript

html

css

3c

原创 2022-11-11 11:10:12 95 阅读

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

javascript

字符串

html

3c

原创 2022-11-11 11:10:11 53 阅读

javascript小例子--实现邮箱验证的功能

.html代码如下：字符串实例 function check(){ var obj=document.getElementById("email");//.getElementById("email")方法

html

javascript

3c

原创 2022-11-11 11:10:02 54 阅读

文字或图片跟随鼠标移动或键盘控制图片移动实例（javascript实现）

.html代码如下：鼠标移动文字跟着移动 *{margin:0} #layer{ width:100px; height:30px; position:relative; float:left; line-height:30px } function move(){ var obj = document.getElementById('layer');

html

javascript

鼠标

控件

鼠标移动

原创 2022-11-11 11:09:26 249 阅读

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

html

javascript

鼠标事件

ide

原创 2022-11-11 11:09:23 90 阅读

DOM实现动态添加级联菜单

.html代码如下：下来列表级联效果编写 #reg{width:300px;height:50px;background:#fca;padding-top:5px;padding-left:10px} function getDay(){ var y = parseInt(document.getElementById("

.appendChild

.getElementsByTagNam

javascript

html

i++

原创 2022-11-11 11:09:13 105 阅读

DOM中插入和删除节点（insertBefore()方法和removeChild()方法）

.html代码如下：插入节点 table{ width:350px; } tr{ text-align:center } td,th{ width:80px; border:1px solid #fba; } function insertRow(){ var tr =

.appendChild

.removeChild

javascript

dom

html

原创 2022-11-11 11:09:08 52 阅读

DOM中修改内容和创建节点

修改内容：两个属性：.html代码如下：内容修改 .cnt{ color:red; font-size:12pt; font-weight:bold; } function changeValues(){ var obj = document.getElementById("test"); /*obj.inn

javascript

html

.createElement

.getElementsByTagNam

.appendChild

原创 2022-11-11 11:09:05 90 阅读

DOM中使用节点对象遍历文档

childNodes获得是数组对象下面看一个实例：遍历文档 function init(){ var body = document.childNodes[0].childNodes[2];//得到body节点 var str =""; for(var i = 0 ; i < body.childNodes.length ; i++){//遍

html

javascript

子节点

原创 2022-11-11 11:09:03 35 阅读

HighCharts 随机数动态曲线展示（动态数据实时展示）

Highcharts 是一个用纯JavaScript编写的一个图表库，能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,本文主要研究在随机数展示上的应用。具体代码如下：<html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/

html

javascript

web应用

数据实时曲线展示

随机数

原创 2022-11-11 11:08:58 51 阅读

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:

dom

document对象

html

javascript

i++

原创 2022-11-11 11:08:41 38 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx636878dcf1807的博客

DOM中表单操作

javascript事件处理--实例onblur

javascript的对象和数组

HighCharts静态柱状图实现

javascript关闭弹出窗口时刷新父窗口和居中显示弹出窗

javascript实现日期时间动态显示

html+javascript实现广告窗自由浮动

javascript数组方法的使用

DOM-动态创建表格和动态添加下拉列表框实例

asp.net中BulletedList实现导航栏实例

javascript之sort排序的问题

javascript函数的高级写法

javascript小练习之进制转换

window对象中的location、screen、navigator、history

window 对象--网页上实现时间动态展示

javascript 对象的创建

正则表达式实现邮箱验证的功能

正则表达式

javascript 日期对象学习

javascript小练习实现颜色随机变化

javascript字符串学习总结

javascript小例子--实现邮箱验证的功能

文字或图片跟随鼠标移动或键盘控制图片移动实例（javascript实现）

javascript事件处理中的鼠标事件实例

DOM实现动态添加级联菜单

DOM中插入和删除节点（insertBefore()方法和removeChild()方法）

DOM中修改内容和创建节点

DOM中使用节点对象遍历文档

HighCharts 随机数动态曲线展示（动态数据实时展示）

DOM的概念和选取元素的方法