我寫的js的代碼,js誰寫的

本文目錄一覽：

1、如何將自己寫的js注入到網站網頁中
2、我寫了一個JS，獲取頁面值添加一行的代碼，不知道該如何給添加的行添加ID
3、哪位JS高手幫我寫一下代碼
4、JS代碼怎麼寫
5、js代碼怎麼寫

如何將自己寫的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

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

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

/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

/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 = “”;

}

原創文章，作者：QGUY，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/139166.html