改变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)
}
})
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)