各位老鐵們好,相信很多人對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的問題分享到這里就結束了,如果解決了您的問題,我們非常高興。