国产各种高潮合集在线观看,中国国产一级精品片免费

　標(biāo)記語(yǔ)言處理模型（演示版）

作者：色瞇瞇的小瘋狗　時(shí)間： 2003-11-04　文檔類型：原創(chuàng)　來(lái)自：藍(lán)色理想

這是一個(gè)模仿html，xml語(yǔ)言從文本轉(zhuǎn)化為對(duì)象這一過(guò)程的模型，并降低了一些如tagName不能修改，包圍標(biāo)記只能是“<”、“>”等的限制，盡可能的擴(kuò)大對(duì)文本的自由處理。

通過(guò)這個(gè)模型也就可以制作出如 html 和 ubb 的雙向轉(zhuǎn)換程序，Internet Explorer中顯示XML文檔一樣有hightLight和折疊功能的視圖等一系列的關(guān)于標(biāo)記語(yǔ)言的實(shí)例程序。

標(biāo)記語(yǔ)言處理模型

<TextArea id="code" rows=15 cols=100>
	[b color=#FF0000]aaa
		<B>[i]bbb[/i]</B>
		<B>ccc</B>
		[u]eeee
	[/b]
	
	<B>ddd</B>
</TextArea><br />
<h3>屬性</h3>
<button onclick="alert(firstchildren.tagName)">tagName</button>
<button onclick="alert(firstchildren.childNodes)">childNodes</button>
<button onclick="alert(firstchildren.attributes)">attributes</button>
<hr />
<h3>方法</h3>
<button onclick="alert(firstchildren.getOuterHTML())">getOuterHTML</button>
<button onclick="alert(firstchildren.getInnerHTML())">getInnerHTML</button>
<button onclick="alert(firstchildren.getAttributeNode('color').value)">getAttributeNode</button>
<button onclick="alert(firstchildren.getChildren())">getChildren</button>
<button onclick="alert(firstchildren.all())">all</button>
<hr />
<h3>實(shí)例</h3>

<script>
	function ubb2html()
	{
		var ubbDocument	= MarkupLanguageDocument(code.value, "[", "]")
		var allObject	= ubbDocument.all()
		
		for (var i=0; i<allObject.length; i++)
		{
			if (allObject[i].tagName == "b")
			{
				allObject[i].lt	= "<"
				allObject[i].gt	= ">"
			}
		}
		
		alert(ubbDocument.getOuterHTML())
	}
</script>

<button onclick="ubb2html()">ubb2html</button>
<xmp style="background-color: #EEEEEE; padding: 10px;">
	function ubb2html()
	{
		var ubbDocument	= MarkupLanguageDocument(code.value, "[", "]")
		var allObject	= ubbDocument.all()
		
		for (var i=0; i<allObject.length; i++)
		{
			if (allObject[i].tagName == "b")
			{
				allObject[i].lt	= "<"
				allObject[i].gt	= ">"
			}
		}
		
		alert(ubbDocument.getOuterHTML())
	}
</xmp>

<script>

	String.prototype.getAbsReg	= function(s)
	{
		var absStr	= this.match(/(\\______rela:-?\d+______|\\.[^\\]*|[^\\]*)/g)
	
		while (absStr.length-1)
		{
			if (/^\\______rela:-?\d+______$/.test(absStr[1]))	absStr[1]	= "\\" + (parseInt(absStr[1].match(/-?\d+/g)) + absStr[0].match(/\(/g).length)
			absStr[0]	= absStr.shift() + absStr[0]
		}
	
		return new RegExp(absStr.join(""), s)
	}

	RegExp.prototype.getRelaStr	= function()
	{
		var regStr	= this.source
		var relaStr	= regStr.match(/(\\\d+|\\.[^\\]*|[^\\]*)/g)
		
		while (relaStr.length-1)
		{
			if (/^\\\d+$/.test(relaStr[1]))		relaStr[1]	= "\\______rela:" + (parseInt(relaStr[1].match(/\d+/g)) - relaStr[0].match(/\(/g).length) + "______"
			relaStr[0]	= relaStr.shift() + relaStr[0]
		}
		
		return relaStr.join("")
	}
</script>

<script>

	function MarkupLanguageDocument(html, lt, gt)
	{
		function htmlElement(tagName)
		{
			this.tagName	= tagName
			this.childNodes	= new Array()
			this.attributes	= new Array()
			
			this.setInnerHTML	= function(html, lt, gt)
			{
				this.childNodes	= parseHTML(html, lt, gt)
				return		this.childNodes
			}
			
			this.getInnerHTML	= function ()
			{
				var childrenHTML	= ""
				
				for (var i=0; i<this.childNodes.length; i++)
				{
					childrenHTML += (this.constructor == this.childNodes[i].constructor) ? this.childNodes[i].getOuterHTML() : this.childNodes[i]
				}				
				
				return childrenHTML
			}
			
			this.getOuterHTML	= function()
			{
				var tagName		= this.tagName
				var childrenHTML	= this.getInnerHTML()
				var attrHTML		= ""
				
				for (var i=0; i<this.attributes.length; i++)
				{
					attrHTML	+= (this.attributes[i].name + (this.attributes[i].value ? "=\"" + this.attributes[i].value + "\" " : " "))
				}
				
				return tagName ? this.lt + tagName + (attrHTML ? " "+attrHTML : "") + (childrenHTML ? this.gt + childrenHTML + this.lt + "/" + tagName + this.gt : "/" + this.gt) : childrenHTML
			}
			
			this.getAttributeNode	= function(name)
			{
				for (var i=0; i<this.attributes.length; i++)
				{
					if (this.attributes[i].name == name)	return this.attributes[i]				
				}
				
				return null
			}
			
			this.getChildren	= function()
			{
				var childrenArray	= new Array()
				
				for (var i=0; i<this.childNodes.length; i++)
				{
					if (this.constructor == this.childNodes[i].constructor)	childrenArray[childrenArray.length] = this.childNodes[i]
				}
				
				return childrenArray
			}
			
			this.all		= function()
			{
				var allArray	= new Array()
				var children	= this.getChildren()
				
				for (var i=0; i<children.length; i++)
				{
					allArray[allArray.length]	= children[i]
					
					if (children[i].getChildren())
					{
						allArray = allArray.concat(children[i].all())
					}
				}
				
				return allArray
			}
		}
		
		function attributeObj(name, value)
		{
			this.name	= name
			this.value	= value
		}

		function parseHTML(html, lt, gt)
		{
			var lt		= lt ? lt.charAt(0) : "<"
			var gt		= gt ? gt.charAt(0) : ">"
			var lt1		= lt.replace(/([\[\]\.])/, "\\$1")
			var gt1		= gt.replace(/([\[\]\.])/, "\\$1")
			
			//字符串正則:		如 "abc"
			var strRe	= /(["'])(\\["'tbnr]|[^\1])*?\1/
			
			//屬性正則:		如 <span attribute="abc"> 中的 attribute="abc"
			var attrRe	= ("(\\w+)(\\s*=\\s*(" + strRe.getRelaStr() + "|[^\\s"+gt1+"]+)|.{0})").getAbsReg()
			
			//標(biāo)簽名正則:		如 <span attribute="abc"> 中的 span
			var tagRe	= /((\w+:)?\w+)/
			
			//標(biāo)識(shí)單Target正則:	如 <span /> 中的 /
			var sTagRe	= new RegExp("\\\/\\s*(?=" + gt1 + ")")
			
			//標(biāo)識(shí)Target關(guān)閉正則:	如 </span> 中的 /
			var cTagRe	= /\/\s*/
			
			//對(duì)象正則:		如 <span attribute="abc" />
			var objRe	= (lt1 + "(" + cTagRe.getRelaStr() + ")?" + tagRe.getRelaStr() + "(" + attrRe.getRelaStr() + "|\\s)*?(" + sTagRe.getRelaStr() + ")?" + gt1).getAbsReg()
			
			//節(jié)點(diǎn)正則:		如 this is a <img src="simple.jpg" /> 中的 this is a 和 <img src="simple.jpg" />
			var nodeRe	= ("(" + objRe.getRelaStr() + "|[^" + lt1 + "]*)").getAbsReg()
			
			var htmlArray	= new Array()
			var node	= ""
			var tmpObj	= null
		
			function getfisrtNode(html)
			{
				return new function()
				{
					this.nodeValue	= nodeRe.test(html)		? html.match(nodeRe)[0] : ""
					this.otherHTML	= html.substr(this.nodeValue.length, html.length)
					this.tagName	= tagRe.test(this.nodeValue)	? this.nodeValue.match(tagRe)[0] : undefined
					
					var tmpAttrStr	= this.nodeValue.replace(tagRe, "")
					var tmpArrtRe	= new RegExp(attrRe.source, "g")
					this.attrs	= tmpArrtRe.test(tmpAttrStr)	? tmpAttrStr.match(tmpArrtRe) : new Array()
				}		
			}
			
			while(html)
			{
				tmpNode		= getfisrtNode(html)
				node		= tmpNode.nodeValue
				html		= tmpNode.otherHTML
				
				if (objRe.test(node))
				{
					var tagName	= tmpNode.tagName
					var childrenhtml= ""
					var j		= sTagRe.test(node) ? 0 : 1
					var attrsObj	= new Array()
					node		= new htmlElement(tagName)
					
					for (var i=0; i<tmpNode.attrs.length; i++)
					{
						var tmpAr	= tmpNode.attrs[i].match(attrRe)
						attrsObj[i]	= new attributeObj(tmpAr[1], tmpAr[3].replace(/^(["'])([.\s\S]*?)\1$/, "$2"))
					}
					
					node.attributes	= attrsObj
					node.lt		= lt
					node.gt		= gt
				
					while (j && html)
					{
						var tmpNode	= getfisrtNode(html)
						html		= tmpNode.otherHTML
						
						if (tmpNode.tagName == tagName && !(sTagRe.test(tmpNode.nodeValue)))
						{
							("^" + lt1 + cTagRe.getRelaStr()).getAbsReg().test(tmpNode.nodeValue) ? j-- : j++
						}
						
						if (j)		childrenhtml	+=tmpNode.nodeValue
					}
					
					node.childNodes	= parseHTML(childrenhtml, lt, gt)
				}
			
				htmlArray[htmlArray.length]	= node
			}
			
			return htmlArray
		}
		
		var mlDocument		= new htmlElement()
		mlDocument.childNodes	= parseHTML(html, lt, gt)
		
		return mlDocument
	}

	var parseDocument	= MarkupLanguageDocument(code.value, "[", "]")
	var firstchildren	= parseDocument.childNodes[1]
</script>

[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

這個(gè)程序的處理方法大致是通過(guò)正則表達(dá)式的拼接（getAbsReg 和 getRelaStr 這兩個(gè)自定義函數(shù)），從字符串 → 屬性 → 對(duì)象 → 節(jié)點(diǎn) 一級(jí)級(jí)的拼接出他們的正則表達(dá)式，然后再?gòu)墓?jié)點(diǎn)開(kāi)始反向的從文本流中提取對(duì)應(yīng)的內(nèi)容，再將他們?cè)O(shè)置到 htmlElement 類的相應(yīng)的屬性上，也就是看到了 [object object]。

最后實(shí)例程序通過(guò)設(shè)置和使用 htmlElement 中提供屬性和方法，將文本的每一個(gè)細(xì)節(jié)修改到最終所需要的狀態(tài)，最后使用getOutetHTML或是getInnerHTML方法得到處理之后的文本流。

另外，用這種方法處理還可以達(dá)到標(biāo)記自動(dòng)補(bǔ)全的功能。

出處：藍(lán)色理想
責(zé)任編輯：LeXRus

◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論

相關(guān)文章

更多相關(guān)鏈接

表單驗(yàn)證 Validator v1.0

重構(gòu)、標(biāo)準(zhǔn)、布局

在 DW 中插入 Flash 的參數(shù)詳解

XHTML基礎(chǔ)問(wèn)答－給初學(xué)者

網(wǎng)站設(shè)計(jì)的標(biāo)準(zhǔn)時(shí)代

作者文章

更多作者文章

將HTML自動(dòng)轉(zhuǎn)為JS代碼

匹配html標(biāo)記的正則

IE色彩處理過(guò)程

標(biāo)記語(yǔ)言處理模型（演示版）

TAB鍵的縮排處理


關(guān)鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設(shè)計(jì)比賽網(wǎng)頁(yè)制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點(diǎn)最新

站點(diǎn)最新列表

周大�！熬�•自然”設(shè)計(jì)大賽開(kāi)啟

國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行

中國(guó)國(guó)防科技信息中心標(biāo)志征集

云計(jì)算如何讓安全問(wèn)題可控

云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)

阿里行云

云手機(jī)年終巨獻(xiàn)，送禮標(biāo)配299起

阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽

欄目最新

欄目最新列表

淺談JavaScript編程語(yǔ)言的編碼規(guī)范

如何在illustrator中繪制臺(tái)歷

Ps簡(jiǎn)單繪制一個(gè)可愛(ài)的鉛筆圖標(biāo)

數(shù)據(jù)同步算法研究

用ps作簡(jiǎn)單的作品展示頁(yè)面

CSS定位機(jī)制之一:普通流

25個(gè)最佳最閃亮的Eclipse開(kāi)發(fā)項(xiàng)目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx