本文目录一览：
如何将自己写的js注入到网站网页中
首先你要确认你的是js码，只有js代码才能被调用。
将写好的js代码复制到txt文件中，另存为.js文件，保存在你的网站目录下。我保存在桌面上。（注在网页上调用一定要保存在网页上）
保存好了之后，我的桌面就有一个新建.js的介绍文件，现在看看效果吧。随便新建一个网页，在body/body（注我演示的没有body，是最简单的网页）之间插入script
language="javascript"
src="js文件地址"/script，我的是放在桌面上的，所以地址是下面的这个
保存为html文件之后，打开来看看效果吧。
如上图所示，在网页的源文件里面，显示的不是
input
type=button
name="Submit1"
value="郭强"
size=10
class=s02
style="background-color:rgb（235，207，22）"而是这段代码转换成js后js文件所在的位置。
我写了一个JS，获取页面值添加一行的代码，不知道该如何给添加的行添加ID
//创建tr
var tr=document.createElement("tr");
var enter=new Array();
enter[0]=document.createTextNode(gname);
enter[1]=document.createTextNode(num);
for(var i=0;ienter.length;i++){
//创建td
var td=document.createElement("td");
td.setAttribute("align","center");
td.colSpan = 3;
if(i==0){
td.id="goods.id";
}else if(i==1){
td.id="num";
}
//文本追加到td
td.appendChild(enter[i]);
//把td添加到tr
tr.appendChild(td);
}
哪位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代码：
html
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代码怎么写
将需要在js中修改的代码放在js变量中，该变量在js中定义，然后在insertHtml中添加这段代码，示例如下：var code = "a herf = '#'img url = '#'/a";insertHtml("beforeend",document.body,code);将包含上述代码的js引入到页面中即可，在页面上调用js的代码如下：script language=javascript src="test.js"/scriptinsertHtml的使用方法：insertHtml(where,el,html);where：插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEndel：用于参照插入位置的html元素对象html；要插入的html代码例：insertHtml("beforeEnd",document.getElementById("fav_list"),"li id='aaa'a href='' class='fav_link'百度/a/li");
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 = "";
}
}
