- N +

js的setattribute(js中set)

各位老鐵們好,相信很多人對js的setattribute都不是特別的了解,因此呢,今天就來為大家分享下關于js的setattribute以及js中set的問題知識,還望可以幫助大家,解決大家的一些困惑,下面一起來看看吧!

js沖突怎么解決

a.最容易出現的就是js的命名沖突

①、變量名沖突

變量有全局變量和局部變量當全局變量變量和局部變量名稱一致時,就會js沖突,由于變量傳遞數值或地址不同就會產生JavaScript錯誤,甚至死循環(huán)。

②、方法名沖突

函數中有很多方法,不同的js之間可能函數名一樣,這就使得程序執(zhí)行時不知道改調用那個方法或者哪個方法執(zhí)行后的結果,最終導致程序加載失敗。

③、函數名沖突

一般是命名導致JS沖突。解決方法主要是查找在加載的js中是否具有相同命名的情況,然后修改命名

b.onload事件沖突

如果在js中調用了window.onload=function(),同時在頁面上又有bodyonload語句,會導致window.onload事件覆蓋掉bodyonload事件而出現錯誤.

解決方法:attachEvent給onload添加所需運行的函數。

c.瀏覽器不兼容問題,雖然這個不屬于js沖突但是也常見的js的原因之一

①document.form.item問題

(1)現有問題:現有代碼中存在許多document.formName.item("itemName")這樣的語句,不能在Fx下運行

(2)解決方法:改用document.formName.elements["elementName"]

②集合類對象問題

(1)現有問題:現有代碼中許多集合類對象取用時使用(),IE能接受,Fx不能。

(2)解決方法:改用[]作為下標運算。如:document.forms("formName")改為document.forms["formName"]。又如:document.getElementsByName("inputName")(1)改為document.getElementsByName("inputName")

③window.event

(1)現有問題:使用window.event無法在Fx上運行

(2)解決方法:Fx的event只能在事件發(fā)生的現場使用,此問題暫無法解決。可以這樣變通:

原代碼(可在IE中運行):

代碼:

<inputtype="button"name="someButton"value="提交

"onclick="javascript:gotoSubmit()"/>

...

<scriptlanguage="javascript">

functiongotoSubmit(){

...

alert(window.event);

//usewindow.event

...

}

</script>

新代碼(可在IE和Fx中運行):

代碼:

<inputtype="button"name="someButton"value="提交"

onclick="javascript:gotoSubmit(event)"/>

...

<scriptlanguage="javascript">

functiongotoSubmit(evt){

evt=evt?evt:(window.event?window.event:null);

...

alert(evt);

//useevt

...

}

</script>

此外,如果新代碼中第一行不改,與老代碼一樣的話(即gotoSubmit調用沒有給參數),則仍然只能在IE中運行,但不會出錯。所以,這種方案tpl部分仍與老代碼兼容。

④HTML對象的id作為對象名的問題

(1)現有問題:在IE中,HTML對象的ID可以作為document的下屬對象變量名直接使用。在Fx中不能。

(2)解決方法:用getElementById("idName")代替idName作為對象變量使用。

⑤用idName字符串取得對象的問題

(1)現有問題:在IE中,利用eval(idName)可以取得id為idName的HTML對象,在Fx中不能。

(2)解決方法:用getElementById(idName)代替eval(idName)。

⑥變量名與某HTML對象id相同的問題

(1)現有問題:在Fx中,因為對象id不作為HTML對象的名稱,所以可以使用與HTML對象id相同的變量名,IE中不能。

(2)解決方法:在聲明變量時,一律加上var,以避免歧義,這樣在IE中亦可正常運行。

此外,最好不要取與HTML對象id相同的變量名,以減少錯誤。

⑦event.x與event.y問題

(1)現有問題:在IE中,event對象有x,y屬性,Fx中沒有。

(2)解決方法:在Fx中,與event.x等效的是event.pageX。但event.pageXIE中沒有。

故采用event.clientX代替event.x。在IE中也有這個變量。

event.clientX與event.pageX有微妙的差別(當整個頁面有滾動條的時候),不過大多數時候是等效的。如果要完全一樣,可以稍麻煩些:

mX=event.x?event.x:event.pageX;

然后用mX代替event.x

(3)其它:event.layerX在IE與Fx中都有,具體意義有無差別尚未試驗。

⑧關于frame

(1)現有問題:在IE中可以用window.testFrame取得該frame,Fx中不行

(2)解決方法:在frame的使用方面Fx和ie的最主要的區(qū)別是:如果在frame標簽中書寫了以下屬性:

<framesrc="xx.htm").src='xx.htm'來切換frame的內容,也都可以通過window.top.frameName.location='xx.htm'來切換frame的內容

⑨在Fx中,自己定義的屬性必須getAttribute()取得

⑩在Fx中沒有parentElementparement.children而用

parentNodeparentNode.childNodes

childNodes的下標的含義在IE和Fx中不同,Fx使用DOM規(guī)范,childNodes中會插入空白文本節(jié)點。

一般可以通過node.getElementsByTagName()來回避這個問題。當html中節(jié)點缺失時,IE和Fx對parentNode的解釋不同,例如:

<form>

<table>

<input/>

</table>

</form>

Fx中input.parentNode的值為form,而IE中input.parentNode的值為空節(jié)點

Fx中節(jié)點沒有removeNode方法,必須使用如下方法node.parentNode.removeChild(node)

d.const問題

(1)現有問題:在IE中不能使用const關鍵字。如constconstVar=32;在IE中這是語法錯誤。

(2)解決方法:不使用const,以var代替。

..body對象

Fx的body在body標簽沒有被瀏覽器完全讀入之前就存在,而IE則必須在body完全被讀入之后才存在

.urlencoding

在js中如果書寫url就直接寫&不要寫&例如varurl='xx.jsp?objectName=xx&objectEvent=xxx';

frm.action=url那么很有可能url不會被正常顯示以至于參數沒有正確的傳到服務器

一般會服務器報錯參數沒有找到,當然如果是在tpl中例外,因為tpl中符合xml規(guī)范,要求&書寫為&

一般Fx無法識別js中的&

e.nodeName和tagName問題

(1)現有問題:在Fx中,所有節(jié)點均有nodeName值,但textNode沒有tagName值。在IE中,nodeName的使用好象

有問題(具體情況沒有測試,但我的IE已經死了好幾次)。

(2)解決方法:使用tagName,但應檢測其是否為空。

元素屬性:IE下input.type屬性為只讀,但是Fx下可以修改

document.getElementsByName()和document.all[name]的問題

(1)現有問題:在IE中,getElementsByName()、document.all[name]均不能用來取得div元素(是否還有其它不能取的元素還不知道)。

javascript怎么給元素節(jié)點增加屬性

DOM有一個apisetAttribute(name,value)

數據屬性以"data-"開頭命名

如何引入一個js文件

web頁面引入js可以采用以下幾種方式:

1、在頁面中直接使用src引入js文件,例子:<scripttype="text/javascript"src="a.js">

2、在js中引用其他js文件。例子:a.js內容如下:document.write("scriptlanguage='javascript'src='b.js'></script");

3、js動態(tài)引用js文件:varfileref=document.createElement('script');fileref.setAttribute("type","text/javascript");fileref.setAttribute("src","a.js");//這里引用的a.js文件document.getElementsByTagName("head")[0].appendChild(fileref);

js中如何獲取一個id的值

只要使用getAttribute("id")函數即可獲取li元素的id值,下面我們一起實例操作一下吧3.接著我們打印出這樣的運行效果看一下:

4.使用JS獲取li元素的ID值即可,getAttribute("id")

如何使用原生js來刪除節(jié)點

刪除屬性使用removeAttribute方法。

刪除節(jié)點使用parentNode.removeChild(node)

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8"/>

<metahttp-equiv="X-UA-Compatible"content="IE=edge">

<title>PageTitle</title>

<metaname="viewport"content="width=device-width,initial-scale=1">

<scripttype="text/javascript">

onload=function(){

btn.onclick=function(){

varcontainer=document.querySelector('#container');

vartextInput=document.querySelector('#text');

vartestBtn=document.querySelector('#test');

testBtn.removeAttribute('onclick');

container.removeChild(textInput);

}

}

</script>

</head>

<body>

<divid="container">

<inputtype="text"name="text"id="text"value=""/>

<inputtype="button"value="僅作測試"id="test"onclick="javascript:alert('存在點擊事件Attribute')"/>

<inputtype="button"value="刪除按鈕的onclick及id=text的文本框"id="btn"/>

</div>

</body>

</html>

js能設置Session的值嗎

具體輸入數值如下:

HttpSessionsession=request.getSession();

設置session.setAttribute("username",變量名);

獲取session.getAttribute("username");

js簡介:

JavaScript一種直譯式腳本語言,是一種動態(tài)類型、弱類型、基于原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML網頁上使用,用來給HTML網頁增加動態(tài)功能。

為了取得技術優(yōu)勢,微軟推出了JScript,CEnvi推出ScriptEase,與JavaScript同樣可在瀏覽器上運行。為了統一規(guī)格,因為JavaScript兼容于ECMA標準,因此也稱為ECMAScript。

關于本次js的setattribute和js中set的問題分享到這里就結束了,如果解決了您的問題,我們非常高興。

返回列表
上一篇:
下一篇: