jquery 更改 css文件

jquery 更改 css文件,第1张

改变link标签的链接源就可以了,我以前写过的一个类似的,根据喜好选择不同的主题:

页面中引入了这样一个外部样式:

<link id="theme" href="themes/all-hallows-eve.css" rel="stylesheet" type="text/css">

请选择主题:

<select id="sel1_tianlidong" onchange="changecss(this)"return false">

<option value="tricolore">tricolore主题</option>

<option value="twilight">twilight主题</option>

<option value="zenburnesque">zenburnesque主题</option>

</select>

脚本代码这样写:

<script>

    function changecss(obj)

        {

            document.getElementById("theme").href ="themes/"+obj.value+".css"

            return false

        }

</script>

你把问题描述清楚啊。

是对WEB页面的XML数据的进行 *** 作

是对传递来的XML数据进行 *** 作?

是对本地硬盘的XML文件进行 *** 作?

提供个思路:

通过jquery的$.ajax()请求该xml资源,里面参数dataType:xml,如此,即可在本地js代码上遍历此xml文档。把文件显示于页面。做了修改,删除 *** 作后,把数据用JSON方式传递到后台,进行文件读写 *** 作。

$.ajax({

url : rootPath + "/userInfo.do?method=saveSetting&columnIds=。。。",

dataType : "json",

success : function(response) {

if (response) {

alert("保存成功")

}

else

alert("保存失败" )

}

}

})

一、xml文件\内容读取 1、读取xml文件 $.get( xmlfile.xml , function (xml){ //xml即为可以读取使用的内容,具体读取见第2点 })2、读取xml内容 如果读取的xml是来于xml文件,这结合上面的那点,处理如下 $.get( xmlfile.xml , function (xml){ $(xml). fi

一、xml文件\内容读取

1、读取xml文件

$.get("xmlfile.xml",function(xml){

//xml即为可以读取使用的内容,具体读取见第2点

})

2、读取xml内容

如果读取的xml是来于xml文件,这结合上面的那点,处理如下

$.get("xmlfile.xml",function(xml){

$(xml).find("item").length

})

如果读取的是xml字符串,则要注意一点,xml字符串的必然被”<xml>”和”</xml>”包围才可以被解析

$("<xml><root><item></item></root></xml>").find("item").length二、解析xml内容示例xml:<?xml version="1.0" encoding="utf-8" ?><fields>

<field Name="Name1">

<fieldname>dsname</fieldname>

<datatype>字符</datatype>

</field>

<field Name="Name2">

<fieldname>dstype</fieldname>

<datatype>字符</datatype>

</field></fields>以下是解析示例代码$(xml).find("field").each(function() {

var field = $(this)

var fName = field.attr("Name")//读取节点属性

var dataType = field.find("datatype").text()//读取子节点的值

})

jquery是无法 *** 作file类的值的,涉及到兼容问题,IE和其他浏览器这块差别最大。谷歌是将文件以base64的方式插入file里,而 IE是一个路径地址。谷歌也就是相当于一个完整的文件在里面。所以js是不可能去 *** 作本地文件去插入file中替换的。

清空file框倒是可以:

if(ie) {// 此处判断是否是IE

$('#upload').replaceWith($('#upload').clone(true))

} else {

$('#upload').val('')

}

建议您用ajaxfileupload.js上传插件库:

<input type="file" id="uploadfile" name="uploadfile"/>

<script type="text/javascript">

$("#uploadfile").change(function(){

$.ajaxFileUpload({

url: 'xxx.php',//处理上传用的后台程序,可以是PHP

secureuri: false,//异步

fileElementId: 'uploadfile',//上传控件ID

dataType: 'json',//返回的数据信息格式

success: function(data, status) {

if (data.code == '10000') {

alert("上传成功")

} else {

alert("上传失败")

}

}, error: function(data, status, e) {

alert(e)

}

})

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11489385.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存