其實js很不好用的,一般都使用jquery來寫,改變樣式的話我會使用兩種方法
創(chuàng)新互聯(lián)擁有網(wǎng)站維護技術和項目管理團隊,建立的售前、實施和售后服務體系,為客戶提供定制化的成都網(wǎng)站建設、網(wǎng)站建設、網(wǎng)站維護、雅安移動機房解決方案。為客戶網(wǎng)站安全和日常運維提供整體管家式外包優(yōu)質服務。我們的網(wǎng)站維護服務覆蓋集團企業(yè)、上市公司、外企網(wǎng)站、商城網(wǎng)站建設、政府網(wǎng)站等各類型客戶群體,為全球超過千家企業(yè)提供全方位網(wǎng)站維護、服務器維護解決方案。
使用jquery中的.css()函數(shù)改變樣式,這中方法很好用,可以在觸發(fā)事件的時候任意操作某個元素的樣式。
自定義一個class名字,比如.yangshi{} ,在觸發(fā)的事件里使用 .addclass()和.removeClass() 兩個函數(shù)添加或者刪除某一個class類。達到切換樣式的目的,這種方法比較清晰有條理。下面給出我寫的一段jquery 代碼。 這個的意思是,.box元素的鼠標進入會添加一個class類yangshi,離開的時候會刪除這個class類
script
$(function(){
$(".box").mouseover(function(){
$(this).addClass("yangshi");
})
$(".box").mouseout(function(){
$(this).removeClass("yangshi");
})
})???
/script
需求不是很明確,要是移除link進來的css文件的話。那就是先找到所有l(wèi)ink標簽,然后依次移除,代碼如下:
var links = document.querySelectorAll('link');
for(var i in links){
links[i].parentNode.removeChild(links[i])
}
1、如果使用class加的樣式的話,可以使用document.getElementById("objid").className=""來清空樣式;
2、如果是直接加的style="***"屬性的話,可以使用document.getElementById("box").style.cssText = ""來清空樣式。
jquery,了解過沒有?很好的js封裝庫。
先引入jquery.js,然后執(zhí)行:
$('.ewf').css('left','');
1./?font[^]* 這個只卻掉font標簽的, 保留除font以外的所有標簽, 如imgp等等. 同樣的你需要去掉其他標簽, 只需要將里面的font換你要去掉的;
2./?[^/?(img)|(p)][^]* 這個保留(這里我寫的保留了img, p這兩個標簽)你指定的標簽,其他的(包括font)全去掉, 如果你還有其他的標簽想保留, 直接在里面加一個 |(xxx);
3./?[a-zA-Z]+[^]* 這個表達式可以去掉所有HTML的標簽;
4.JAVA代碼可以這樣寫:
public static String delTagsFContent(String content){
String patternTag = "/?[a-zA-Z]+[^]*";
String patternBlank = "(^\\s*)|(\\s*$)";
return content.replaceAll(patternTag, "").replaceAll(patternBlank, "");
}
清除所有默認樣式的css代碼:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
初始化代碼(清除CSS代碼):
ul,li{ padding:0;margin:0;list-style:none}
解析清除ul li樣式代碼:
相等于分別對ul和li設置padding:0;margin:0;list-style:none;
padding:0 —— 設置內(nèi)補白(對象內(nèi)間距)為0
margin:0 —— 設置對象外間距為0
list-style:none —— 去除自帶無序圓點
HTML/javascript
引用外部文件中的js腳本,
script type="text/javascript" src="ext.js"/script也可以象下面這樣寫,language不是必要的,但是推薦上面的寫法;
script language="javascript" type="text/javascript" src="ext.js"/script
頁面內(nèi)引用:
script type="text/javascript"http://![CDATA[var x = 0;function fn(args) {?//...}?//]]/script加上“//![CDATA[” 和 “//]]”是為了兼容XHTML,是推薦的寫法,HTML時代一般用“!--”和“//--”
在一些HTML控件的事件屬性中使用(一般事件為onxxx,如onmouseover,onclick,onchange)
body onload="alert('loaded');"input type="text" name="username" onclick="alert(this.value);" /在一些HTML控件的非事件屬性中使用(注意:一定要加javascript:)
a href="javascript:void(0);" onclick="alert(this.innerText);"my blog:;/a