microcui 发表于 2013-1-29 08:34:57

利用js在页面某处添加特定内容

假设我在前台搜索文件,将前台要搜索的内容传到后台进行操作,然后将后台的查询结果显示在页面上,假设设置一个<div id="list1"></div>,将查询结果放在list1的ID下面:

var maxid=1;var newid=2;var tmp="hello:world:bye:world";function load()//页面载入执行{for(i=0;i<10;i++){$("#list"+maxid).after("<div id=\"list"+newid+"\"> <a href=\"#\">path:"+tmp.split(":")+"  type:"+tmp.split(":")+"  name:"+tmp.split(":")+"  size:"+tmp.split(":")+"</a> </div>");maxid = maxid + 1;newid = newid + 1;}//或者是将要写入的内容放到一个var hehe=""; //hehe+=("<ul id=\"list"+newid+"\" class=\"ui-state-default ui-corner-all\"><img src=\"images/page.gif\" /><a href=\"#\" onclick=\"opendir(\'"+ tmp.split(":")+":"+tmp.split(":") +"\')\">"+tmp.split(":")+"  size:"+tmp.split(":")+"</a> </ul>");   $("#list1").after(hehe);}

要注意,ID要有变化,同时,可以设置class,使得各条目之间显示的样式相同。同时值得注意的是"在string中要用\"。
页: [1]
查看完整版本: 利用js在页面某处添加特定内容