【利用原生JS自动生成文章标题树的实例】教程文章相关的互联网学习教程文章

详解自动生成博客目录案例【图】

前面的话 有朋友在博客下面留言,询问博客目录是如何生成的。接下来就详细介绍实现过程 操作说明 关于博客目录自动生成,已经封装成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...

利用原生JS自动生成文章标题树的实例

实现原理很简单,就是循环文章模块,并抽取其中的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...

基于JavaScript代码实现自动生成表格

废话不多说,直接给大家贴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实现根据身份证号自动生成出生日期【图】

本文实例为大家讲述了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...

JavaScript实现自动生成网页元素功能(按钮、文本等)【图】

创建元素的方法: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自动生成包含数字与字符的随机字符串

本文实例讲述了javascript自动生成包含数字与字符的随机字符串的方法。分享给大家供大家参考。具体如下: 这里主要用到Math.random() 和 Math.floor() 两个函数 Math.random() -- 返回0和1之间的伪随机数 可能为0,但总是小于1,[0,1) Math.floor() -- 向下取整,舍掉小数字后的值 实现随机多位数的方法:代码如下:/** * * 随机生成数字 * *@param num 生成数字位数 */ function randomNumber(num){ retu...

js自动生成的元素与页面原有元素发生堆叠的解决方法【图】

商品属性和商品规格是js动态生成的元素,商品扩展信息的两个文本框是原有的元素,他们发生堆叠,我以为是我生成的元素所在div大小不固定导致的,因为商品规格的下面复选框是第二次ajax生成的,我怀疑第二次ajax是不是不能将页面原有元素向下推到合适的位置。 搞了几个小时,尝试固定元素所在容器div的的大小,但是不好固定啊,元素的个数是不定的,尝试改变属性和规格的生成顺序,属性部分堆到规格部分上去了,规格部分的元素怎么不...

js自动生成对象的属性示例代码

例如 我们有如下这么一个对象 代码如下: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...

Javascript 通过json自动生成Dom的代码

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=绑...

封装了一个自动生成渐变字的JS类(clip)【图】

你需要做的只是在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...

JavaScript 版本自动生成文章摘要

实现内容:截断一段含有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)[^>]*(...

用js实现的一个根据内容自动生成表格的函数

晚上突然看到以前做asp时写的一个根据数据库数据自动生成表格的程序。 要求是: 1,对于空内容,应该写为"<td> </td>",否则在ie会显示的很变态(ie当作该单元格不存在)。 2,当输出数据条数不等于表格的“长X宽”时,用"<td> </td>"自动填补最后一行空余的地方。 其实也很简单,当时做asp时用了一个较复杂的算法(下面代码中MakeTable2),今天又想到一个更容易理解的算法(MakeTable1),今天用js实现了下,不过郁闷的是感觉效率上...

自动生成文章摘要的代码[JavaScript 版本]

很多程序绕过这个问题,往往人工来决定在何处截断,太麻烦了。 实现内容:截断一段含有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...

自动生成文章摘要[JavaScript 版本]【图】

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...

用js+xml自动生成表格的东西

代码如下:<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...

实例 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部