JS代码杂谈总结.doc

JavaScript杂谈代码总结 QQ:541601368
JS代码杂谈总结

序：
本书乃是在工作学习中的一些总结，属于杂谈，呵呵，欢迎交流.
书中全部使用例子,通俗易懂.

目录
1,checkbox 的allchose和antichose 4
2,有关div的位置，隐藏显示和移动 5
3,accesskey的使用 6
4,表中表效果 7
5,有关select option 的操作 7
6, 动态增加属性 10
7, 动态改变select中option的次序 11
8,getElementsByTagName的用法 12
9, input 的样式 13
10,xml在html中的使用 14
11, innerText, innerHTML, outerHTML 17
12, button的css属性 17
14, 向下滚屏 18
15, opener 的使用 22
16,一个小游戏 23
17, 固定背景 27
18,glow滤镜的使用 30
19,body.innerHTML 30
21, select options change oeder 31
22, channelmode和 showModalDialog方式 32
22,char2asc 32
23,检验非空(有改进方法) 33
24,event.srcElement 34
25,利用div来模拟next step和forward 35
26, label for=chk1 38
28, clip 40
29, close without query 42
30,一个好玩但是没用的东东 42
32, 日历 44
33, 双击 48
34, delete table的tr 48
35, dhtml insertadjacent 49
36, dhtml的menu 50
37, 一堆属性 52
38, button_换行.html 54
39, can_input_select.html 55
40, 不为空的检测 55
41, 怎么用new Date()构造日期 57
42, argument_length.html 58
43， Cookie 59
44,比较全的计算函数 60
45, hotkey 62
46, 产生这种效果 4545-55-55 62
47,数据岛的运用 63
48,一些window的操作 65
49,HTML在线编辑器 67
50, IE5.5_new_popup.html 74
51, image_size.html 75
52, input_index_to_input.html 76
53,输入一定长度，自动跳入下一行 77
55, js_打印机.html 79
56, js代码生成器.html 79
57, js拼音.html 85
60, loading.html 110
61,local_disk.html 111
62,local_os.html 112
63,javascript到底分不分大小写，一看便知 113
64,DOM演示 115
65, marquee属性编辑器.html 需要壹IE5.5以上 115
66,menu，学习srcElement.sourceIndex的用法 120
67, new_file_value.html 121
68, next_Sibling.html 122
69,no_fresh.html 122
70, obj_constructor.html 123
71，object_exist_or_not.html 124
72，object_fireEvent事件.html 124
73onPropertyChange事件 125
74， 动态改变select的内容 126
75，reverse_html.html 128
76，右键菜单 128
77，这个比较难懂，呵呵，不过弄懂以后会收益非浅 131
78，dom的运用 132
79，scrollbar的位置 137
80，数组和document.createElement的运用，动态改变select 138
81，用div模拟select 的options 139
82,可以修改的select 140
83,看看 select 的innerText是什么样子的 142
84，select_左右移动html 142
85，没有什么东东，就是一个思路，呵呵，看看就行 144
86，可视化表格生成器 (呵呵，不是我写的) 144
87，动态表格 呵呵，也不是我写的 160
87，动态表格 操作较全 166
88，textarea 的动态变换row 168
89.判断ctrl键和回车键的按下 168
90，给滚动条上darkshadow颜色 169
91，textarea_调试.html 171
92，小东西，只值得看一下 172
93当前页检索.html 172
94，可编辑的DIV.html，需要 IE5.5以上 174
95，两个控件的相对位置.html 174
97，怎么由名称找到控件.html 177
98，数据重排，这个比较牛 177

--------------------------------------------------------------------------------
1,checkbox 的allchose和antichose

function antichose()
{ for(i=0;i<form1.</p><p style='padding:5px 0px;'>10、checkbox.length;i++)
{s="document.form1.checkbox["+i+"].click();";
eval(s);}
}
function allchose()
{ for(i=0;i<form1.checkbox.length;i++)
{s="document.form1.checkbox["+i+"].checked=true;";
eval(s);}
}

ox>

2,有关div的位置，隐藏显示和移动

function init()
{block=blockdiv.style
block.xpos=parseInt(block.left)
block.ypos=parseInt(block.top)
}
function showObject(obj)
{obj.visibility="visible"
}
function hideObject(obj)
{obj.visibility=</p><p style='padding:5px 0px;'>13、"hidden"
}
function moveto(obj,x,y)
{obj.xpos=x
obj.left=obj.xpos
obj.ypos=y
obj.top=obj.ypos
}
function moveby(obj,x,y)
{obj.xpos+=x
obj.left=obj.xpos
obj.ypos+=y
obj.top=obj.ypos
}

check values:
横向位置
竖向位置
显示
隐藏
移动moveto:
(100,200)
(200,260)
(300,340)
相对移动moveby:
(10,0)
(-10,0)
(0,10)
(0,-10)
l>

input type="text" id="inpu2">
Sex

School

Company

passowd:

4,表中表效果
d width="100%" height="76">
"100%" height="76">
option>
name='Button1' value='全加' onclick="addall(document.form1.select,document.form1.wage_class)">

select name=wage_class size='10' style=width:100pt multiple readonly>
6
alue=7>7
8
9
10

-----------------------------------------------------------------------------------
6, 动态增加属性

function ck()
{
var truename;
documen</p><p style='height:0px;padding:0;overflow:hidden'>31、t.form1.sele.options[0].truename="11111";
}
function ck1()
{
alert(document.form1.sele.options[0].truename);
}
function ck2()
{
document.form1.sele.value="3";
alert(document.form1.sele.value);
alert(document.form1.sele.options[document.form1.sele.selectedIndex].value);
}

>

1
2
3

>

//ck();

-----------------------------------------------------------------------------------
7, 动态改变select中option的次序

<!--
function addOption() {
for(var i=0;i<10;i++) {
var sName = "Name" + i;
var sValue = "value" + i;
var </p><p style='height:0px;padding:0;overflow:hidden'>34、oOption = document.createElement('OPTION');
oOption.text = sName;
oOption.value = sValue;
document.forms[0].select1.options.add(oOption);
}
}

function upOption(id){
var frm = document.forms[0];
if(id!=0){
var sName = frm.select1.options[id].text;
var sValue = frm.select1.optio</p><p style='height:0px;padding:0;overflow:hidden'>35、ns[id].value;
var sName2 = frm.select1.options[id-1].text;
var sValue2 = frm.select1.options[id-1].value;
frm.select1.options[id-1]=new Option(sName,sValue);
frm.select1.options[id]=new Option(sName2,sValue2);
frm.select1.options.selectedIndex = (id-1);
}
}

function downOption(id){
</p><p style='height:0px;padding:0;overflow:hidden'>36、 var frm = document.forms[0];
var s = frm.select1.options.length-1;
if(id!=s){
var sName = frm.select1.options[id].text;
var sValue = frm.select1.options[id].value;
var sName2 = frm.select1.options[parseInt(id+1)].text;
var sValue2 = frm.select1.options[parseInt(id+1)].value;
frm.selec</p><p style='height:0px;padding:0;overflow:hidden'>37、t1.options[parseInt(id+1)]=new Option(sName,sValue);
frm.select1.options[id]=new Option(sName2,sValue2);
frm.select1.options.selectedIndex = (id+1);
}
}
//-->

538、font>

6

----------------------------------------------------------------------------font>
8,getElementsByTagName的用法

New Document

function ck()
{
var aa = document.getElementsByTagName("input");
var ss = "";
alert("网页里所有的input集合共有："+aa.length+"个！");
for (var i=0; i<aa.length; i++){
if (aa[i].type=="text")ss=</p><p style='height:0px;padding:0;overflow:hidden'>40、ss+aa[i].value+"■";
}
alert(ss);
ss.value="sss";
alert(ss.value);
var bb = ss.split("■") ;
bb.value="wewwew";
alert(bb);
alert(bb.length);
}

-----------------------------------------------------------------------------------
9, input 的样式

或

-----------------------------------------------------------------------------------
10,xml在html中的使用
New Document

function ck()
{
alert(arrSel);
document.all(arrSel[1]).options[document.all(arrSel[1]).selectedIndex].text;
}

<input type=text name=result>

var arrSel=["year","month","date","hour"];

e>

e="2">

"2">

关于我们      便捷服务       自信AI       AI导航        抽奖活动©2010-2026 宁波自信网络信息技术有限公司  版权所有客服电话：[phone]  投诉电话：[phone]浙公网安备33021202000488号   浙ICP备2021020529号-1  |  浙B2-20240490  关注我们 ：