js新手代码大全(js新手代码大全教程)
哪位JS高手帮我写一下代码
慢了一步~不过既然写了，就给你啦~
测试页面在附件里。
js部分代码如下：
function?foSort(sortId,direction){
??????var?sid=parseInt(sortId);
?var?ot=document.getElementById("DHlist");
?if?(sid1?||?sidot.rows.length-2){return?false;}
?var?nsid=direction.toLowerCase()=="up"??(sid=1??ot.rows.length-2:sid-1):(sid+1ot.rows.length-2??1:sid+1);
?var?svs=document.getElementsByName("sort");
?
?//替换sort的input的value--start--
?//看你的需要了，如果是要随着上下一起移动，可以把这一段注释掉
?var?tsv=svs[sid-1].value;?//这里转换为0开头的索引，sort的input比表格少2行，分别是开头和结尾????
?svs[sid-1].value=svs[nsid-1].value;
?svs[nsid-1].value=tsv;??
?//---end--
?
?//还原编号列---start---
?//如果要求编号也一起山下移动，可把此段注释掉
?var?tid=ot.rows[sid].cells[0].innerHTML;
?ot.rows[sid].cells[0].innerHTML=ot.rows[nsid].cells[0].innerHTML;
??????ot.rows[nsid].cells[0].innerHTML=tid;
?//--end---
?
?//上下切换--start----
??????var?tr=ot.rows[sid].innerHTML;??
?ot.rows[sid].innerHTML=ot.rows[nsid].innerHTML;
?ot.rows[nsid].innerHTML=tr;
?//---end---
}
完整HTML+js代码：
headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"
/headbody
style type="text/css"
table {border-collapse:collapse;
width:80%;
text-align:center;
}
th {
background:#eee;
}
th,td {
line-height:25px;
}
th,td {
border-bottom:1px solid #ccc;
}
/style
form method="post"
table id="DHlist"
trth编号/thth导航名/thth导航说明/thth操作/thth排序/th/tr
tr
input type="hidden" value="1" name="sort" /
td1/td
td导航1/td
td导航说明1/td
tda href="?action=updateid=1"修改/anbsp;#124;nbsp;a href="?action=deleteid=1"删除/a/td
tdinput type="button" onClick="foSort(this.parentNode.parentNode.cells[0].innerHTML,'up')"value="向上" /input type="button" onClick="foSort(this.parentNode.parentNode.cells[0].innerHTML,'down')"value="向下" //td
/tr
tr
input type="hidden" value="2" name="sort" /
td2/td
td导航2/td
td导航说明2/td
tda href="?action=updateid=1"修改/anbsp;#124;nbsp;a href="?action=deleteid=1"删除/a/td
tdinput type="button" onClick="foSort(this.parentNode.parentNode.cells[0].innerHTML,'up')"value="向上" /input type="button" onClick="foSort(this.parentNode.parentNode.cells[0].innerHTML,'down')"value="向下" //td
/tr
tr
input type="hidden" value="3" name="sort" /
td3/td
td导航3/td
td导航说明3/td
tda href="?action=updateid=3"修改/anbsp;#124;nbsp;a href="?action=deleteid=1"删除/a/td
tdinput type="button" onClick="foSort(this.parentNode.parentNode.cells[0].innerHTML,'up')"value="向上" /input type="button" onClick="foSort(this.parentNode.parentNode.cells[0].innerHTML,'down')"value="向下" //td
/tr
trtd colspan="6"input type="submit" value="提交" name="send" /td/tr
/table
/form
script type="text/javascript"
function foSort(sortId,direction){
? ? var sid=parseInt(sortId);
?var ot=document.getElementById("DHlist");
?if (sid1 || sidot.rows.length-2){return false;}
?var nsid=direction.toLowerCase()=="up"? (sid=1? ot.rows.length-2:sid-1):(sid+1ot.rows.length-2? 1:sid+1);
?var svs=document.getElementsByName("sort");
?//替换sort的input的value--start--
?//看你的需要了，如果是要随着上下一起移动，可以把这一段注释掉
?var tsv=svs[sid-1].value; //这里转换为0开头的索引，sort的input比表格少2行，分别是开头和结尾 ?
?svs[sid-1].value=svs[nsid-1].value;
?svs[nsid-1].value=tsv;
?//---end--
?//还原编号列---start---
?//如果要求编号也一起山下移动，可把此段注释掉
?var tid=ot.rows[sid].cells[0].innerHTML;
?ot.rows[sid].cells[0].innerHTML=ot.rows[nsid].cells[0].innerHTML;
? ? ot.rows[nsid].cells[0].innerHTML=tid;
?//--end---
?//上下切换--start----
? ? var tr=ot.rows[sid].innerHTML;
?ot.rows[sid].innerHTML=ot.rows[nsid].innerHTML;
?ot.rows[nsid].innerHTML=tr;
?//---end---
}
/script
/body
/html
我是js新手，现在我要输入一个数，输出结果为从1一直加到这个数，如：输入10，得到结果为55.
script?type="text/javascript"
????window.onload?=?function(){
????
????????var?a?=?Number(prompt('please?enter?a?number','10'));
????????var?r?=?0;
????????
????????while(a)
????????????r+=a--;
????????document.write(r);
???
????}
/script
怎样实现用javascript代码实现10道单选题在提交时至少选中一项否则给出提示，下面是代码
楼主你好~~
首先看了下你的HTML代码，本人觉得应该改一下~~现在我就将我给你写的html和javascript代码发给你~~你看一下！这是个比较简单的验证~~本人觉得没必要用循环来判断~~循环本来对于新手就比较绕人~~
javascript代码如下：
script language="javascript" type="text/javascript"
function chickForm(){
if(form1.radio1[0].checked==falseform1.radio1[1].checked==falseform1.radio1[2].checked==false)
{
alert( "请选择第一个问题！ ");
return false;
}
if(form1.radio2[0].checked ==falseform1.radio2[1].checked ==falseform1.radio2[2].checked ==false)
{
alert( "请选择第二个问题！ ");
return false;
}
if(form1.radio3[0].checked ==falseform1.radio3[1].checked ==falseform1.radio3[2].checked ==false)
{
alert("请选择第三个问题！");
return false;
}
}
/script
html代码如下：
body
form action="" method="post" name="form1"
p
label
1、议于（）通过，（）起施行。br /
input type="radio" name="radio1" value="0" /
1) 2007年6月29日2008年1月1日/label
br /
label
input type="radio" name="radio1" value="1" /
2) 2007年6月29日2007年6月29日/labelbr /
input type="radio" name="radio1" value="2" /
3) 2007年6月28日2007年10月1日br /
input type="radio" name="radio1" value="3" /
4) 2007年6月28日2008年1月1日br /
/p
p
label
2、事人的权利和义务，保护（）的合法权益，关系。br /
input type="radio" name="radio2" value="0" /
1) 企业 /label
label
input type="radio" name="radio2" value="1" /
2) 用人单位/label
label
input type="radio" name="radio2" value="2" /
3) 劳动者/label
label
input type="radio" name="radio2" value="3" /
4) 用人单位和劳动者 /labelbr /
/p
p
label
3、意见，与（）或者职确定。br/
input type="radio" name="radio3" value="0" /
1) 董事会 /labellabel
input type="radio" name="radio3" value="1" /
2) 监事会/label
label
input type="radio" name="radio3" value="2" /
3) 工会/labellabel
input type="radio" name="radio3" value="3" /
4) 职工代表大会/labelbr /
/p
input type="submit" value="提交表单" onclick="return chickForm();" /input type="reset" value="重置表单" /
/form
/body
我改了一下你的html代码 但是效果是一样的~~希望楼主不要介意，这两段代码我已经帮你测试好了，可以实现你要的功能，同时如果它能帮助到你，希望你能给我最佳答案~~
呵呵~~~祝楼主早日能成为技术大牛！
js代码怎么写
建议楼主看下js基础
每一项都是js使用中的小技巧，基础但十分的实用！
1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:
document-html-(head,body)
4.一个浏览器窗口中的DOM顺序是:
window-(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:
document.getElementById("表单中元素的ID号").name(或value)
6.一个小写转大写的JS:
document.getElementById("output").value=document.getElementById("input").value.toUpperCase();
7.JS中的值类型:
String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:
parseInt(),parseFloat()
9.JS中的数字转换成字符型:
("" 变量)
10.JS中的取字符串长度是:
(length)
11.JS中的字符与字符相连接使用 号.
12.JS中的比较操作符有:
==等于,!=不等于,,=,.=
13.JS中声明变量使用:
var来进行声明
14.JS中的判断语句结构:
if(condition){}else{}
15.JS中的循环结构:
for([initial expression];[condition];[upadte expression]) {inside loop}
16.循环中止的命令是:
break
17.JS中的函数定义:
function functionName([parameter],...){statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:
打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
20.状态栏的设置:
window.status="字符";
21.弹出提示信息:
window.alert("字符");
22.弹出确认框:
window.confirm();
23.弹出输入提示框:
window.prompt();
24.指定当前显示链接的位置:
window.location.href="URL"
25.取出窗体中的所有表单的数量:
document.forms.length
26.关闭文档的输出流:
document.close();
27.字符串追加连接符: =
28.创建一个文档元素:
document.createElement(),document.createTextNode()
29.得到元素的方法:
document.getElementById()
30.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; iform.elements.length;i ){
if (form.elements.type == "text"){
form.elements.value = "";
}
}