前面的话 有朋友在博客下面留言,询问博客目录是如何生成的。接下来就详细介绍实现过程 操作说明 关于博客目录自动生成,已经封装成catalog.js文件,只要引用该文件即可 //默认地,为页面上所有的h3标签生成目录 <script src="http://files.cnblogs.com/files/xiaohuochai/catalog.js"></script> //或者,为页面上所有class="test"的标签生成目录 <script src="http://files.cnblogs.com/files/xiaohuochai/catalo...
实现原理很简单,就是循环文章模块,并抽取其中的h2、h3标签,将其中的内容赋予给新建的title树。 代码如下: HTML代码: <div class="contextBox"><div id="article"><h2>二级标题</h2><h3>三级标题</h3><p>hello hello hello hello hello hello hello hello hello hello hello hello</p><h3>三级标题</h3><h3>三级标题</h3><h3>三级标题</h3><h3>三级标题</h3><p>hello hello hello hello hello hello hello hello hello hello h...
废话不多说,直接给大家贴js代码了,具体代码如下所示: //js实现输入表格行数、列数自动生成表格源代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>自动创建表格</title> <style type="text/css"> table{ ...
本文实例为大家讲述了js实现根据身份证号自动生成出生日期的代码,分享给大家供大家参考,具体内容如下 运行效果图:<!doctype> <html> <head><script type="text/javascript">function dealCard(){var birthday=getBirthday();switch(birthday){case 0:alert("Sorry,the program runs wrong!");break;case 1:alert("You must be input again!");break;default: alert("the birthday is"+birthday);break;} }function getBirthday...
创建元素的方法:1、利用createTextNode()创建一个文本对象2、利用createElement()创建一个标签对象3、直接利用容器标签中的一个属性:innerHTML-----本质上改该标签容器中的“html代码”,不是我们认为的对象树的操作详解代码: <body> <input type="button" value="创建并添加节点1" onclick="addNode1()"/> <input type="button" value="创建并添加节点2" onclick="addNode2()"/> <input type="button" value="创建并添加节点3"...
本文实例讲述了javascript自动生成包含数字与字符的随机字符串的方法。分享给大家供大家参考。具体如下: 这里主要用到Math.random() 和 Math.floor() 两个函数 Math.random() -- 返回0和1之间的伪随机数 可能为0,但总是小于1,[0,1) Math.floor() -- 向下取整,舍掉小数字后的值 实现随机多位数的方法:代码如下:/** * * 随机生成数字 * *@param num 生成数字位数 */ function randomNumber(num){ retu...
商品属性和商品规格是js动态生成的元素,商品扩展信息的两个文本框是原有的元素,他们发生堆叠,我以为是我生成的元素所在div大小不固定导致的,因为商品规格的下面复选框是第二次ajax生成的,我怀疑第二次ajax是不是不能将页面原有元素向下推到合适的位置。 搞了几个小时,尝试固定元素所在容器div的的大小,但是不好固定啊,元素的个数是不定的,尝试改变属性和规格的生成顺序,属性部分堆到规格部分上去了,规格部分的元素怎么不...
例如 我们有如下这么一个对象 代码如下:var obj = { a:{ b:"bb" } } 但是我们现在想给 obj 对象增加如下属性 obj.a.b.c.d.f="ff" ; 我们一般会如下做,obj.a.b.c={},obj.a.b.c.d={} ,obj.a.b.c.d.f="ff" ;但是如果我的属性很多,这样的方法时不可行的。现在提供一个自动生成对象属性的方法 代码如下:function autoCreateObjProperty(temString){ var TemObjs = temString.split("."); for(var i =0;i<TemObjs.length;i++){ va...
json转html 三重奏 原料:json 代码如下:var json={ div:{id:flower,className:"a1",sub:[ { ul:{id:flower1,className:["a2","a3"],sub:[ {li:{num:3,con:"内容内容内容",fn:{click:function(){alert(我是LiLi)}}}} ]} }, { ul:{id:flower4,className:["a2","a3"],sub:[ {li:{num:3,con:"第2轮了",fn:{click:function(){alert(我是LiLi)}}}} ]} }, { span:{id:q,con:"我是span"} } ]} } id=id className=class num=循环次数 fn=绑...
你需要做的只是在HTML页面里面把需要用到渐变色的文字加上外容器(span标签或者a标签都可以),再给这个标签加入name属性做渐变元素的标示,rel属性指示渐变的颜色,rel属性的格式很重要: 代码如下:rel="#十六进制颜色-#十六进制颜色" 少一个或多一个字符都不行。CSS+JS多彩渐变字 body{font:12px/1.5 arial} h3{padding:10px;margin:0;background-color:#c00;border:1px dashed #fff;color:#fff;font:16px/1.5 arial;} p{font...
实现内容:截断一段含有HTML代码的文本,但是不会出现围堵标记没有封闭的问题。 php版本地址核心部分如下: 代码如下:function Generate_Brief(text,length){ if(text.length < length) return text; var Foremost = text.substr(0,length); var re = /<(\/?) (BODY|SCRIPT|P|DIV|H1|H2|H3|H4|H5|H6|ADDRESS|PRE|TABLE|TR|TD|TH|INPUT|SELECT|TEXTAREA|OBJECT |A|UL|OL|LI|BASE|META|LINK|HR|BR|PARAM|IMG|AREA|INPUT|SPAN)[^>]*(...
晚上突然看到以前做asp时写的一个根据数据库数据自动生成表格的程序。 要求是: 1,对于空内容,应该写为"<td> </td>",否则在ie会显示的很变态(ie当作该单元格不存在)。 2,当输出数据条数不等于表格的“长X宽”时,用"<td> </td>"自动填补最后一行空余的地方。 其实也很简单,当时做asp时用了一个较复杂的算法(下面代码中MakeTable2),今天又想到一个更容易理解的算法(MakeTable1),今天用js实现了下,不过郁闷的是感觉效率上...
很多程序绕过这个问题,往往人工来决定在何处截断,太麻烦了。 实现内容:截断一段含有HTML代码的文本,但是不会出现围堵标记没有封闭的问题。 一个PHP版本的在这里!: 自动生成文章摘要[PHP版本]。 核心部分如下: 代码如下:function Generate_Brief(text,length){ if(text.length < length) return text; var Foremost = text.substr(0,length); var re = /<(\/?)(BODY|SCRIPT|P|DIV|H1|H2|H3|H4|H5|H6|ADDRESS|PRE|T...
By dknt From bbs.blueidea.com搜了搜这个,发现找不到答案。所以自己写了一个,很多程序绕过这个问题,往往人工来决定在何处截断,太麻烦了。实现内容:截断一段含有HTML代码的文本,但是不会出现围堵标记没有封闭的问题。一个PHP版本的在这里!: 自动生成文章摘要[PHP版本]。核心部分如下: 代码如下:function Generate_Brief(text,length){ if(text.length < length) return text; var Foremost = text.substr(0,lengt...
代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <script language="javascript"> function loadXML(handler) { var url = "employees.xml"; if(document.implementation&&document.implementation.createDocument) { var xmldoc = document.implementation.createDocument("", "", null); xmldoc.onload = handler(xmldoc, ur...