SPAN(易语言中SPAN的使用方法,原创)

span标签的巧⽤前⾔：⽤struts的标签结合<td>标签将后台数据在表格⾥渲染了出来，⽬前需求是需要将两个状态组合在⼀起显⽰解决：通过span标签在td⾥的套⽤可以实现<logic:notEmpty name="queryJks" property="jksbh"><logic:notEmpty name="queryJks" property="jzsj"><td><span style="color:green">已记账</span><logic:equal name="queryJks" property="jxzt" value="3"><span style="color:green">已核销</span></logic:equal><logic:notEqual name="queryJks" property="jxzt" value="3"><span style="color:red">未核销</span></logic:notEqual></td></logic:notEmpty><logic:empty name="queryJks" property="jzsj"><td><span style="color:red">未记账</span><logic:equal name="queryJks" property="jxzt" value="3"><span style="color:green">已核销</span></logic:equal><logic:notEqual name="queryJks" property="jxzt" value="3"><span style="color:red">未核销</span></logic:notEqual></td></logic:empty></logic:notEmpty>页⾯效果;over。

易语言模拟输入方法和窗口句柄的获取IE打开不同选项卡，发现却有相同的句柄。

打开新的选项卡时，必须重新对句柄进行初始化。

可以用以下三种方式来取句柄，·直接用顶级句柄0·窗口_取句柄_模糊(, “IEFrame”))·IEhandle (“IEFrame”, “用户登录_微贷网官网专业的理财平台- Windows Internet Explorer”)，这句页面不存在时，标题更换了，取不到句柄。

打开新页面时，必须加入延时，等待页面载入完成，可用网页填表.就绪判断(“可用余额”) 穿透网页框架时，要用微凉网页填表模块。

取余额时，用标签名可取网页填表.取操作元素(“SPAN[15]”, 元素对象, )对链接不能用网页填表.按钮_点击(“id=submit”, 1)，而要用以下取元素对象再点击的方式.如果(网页填表.取操作元素(“innerText=我要投资”, 元素对象, ))网页填表.操作元素_点击(元素对象) ' 也许是因为链接不能用按纽的形式点击.否则调试输出(“获取操作元素对象innerText=我要投资失败!”)若取所有的窗口句柄和窗口标题时窗口_枚举子窗口(0, 子句柄数组, ).计次循环首(5, i) ' 计次循环首(取数组成员数(子句柄数组), i)输出调试文本(取窗口标题(子句柄数组[i])).计次循环尾()对账号及密码输入，可用网页填表.文本框_写内容(“name=userName”, 编辑框1.内容, )网页填表.文本框_写内容(“name=password”, 编辑框3.内容, )模拟输入方式方式一置剪辑板文本(“918236”)网页填表.取操作元素(“name=password”, 元素对象, )' 编辑框3.获取焦点()网页填表.操作元素_置焦点(元素对象) ' 必须要焦点，否则密码没地方输入模拟按键(#Ctrl键, #V键, ) ' 必须加延时，否则网页递交时密码还未提交' 网页填表.按钮_点击(“btn_submit”)‘该方式不行，必须用上面操作元素点击的方式延迟(1000)方式二网页填表.取操作元素(“name=password”, 元素对象, )' 编辑框3.获取焦点()网页填表.操作元素_置焦点(元素对象) ' 必须要焦点，否则密码没地方输入' 模拟按键(#键9, , )' 模拟按键(#键1, , )' 模拟按键(#键8, , )' 模拟按键(#键2, , )' 模拟按键(#键3, , )' 模拟按键(#键6, , ) ' 必须加延时，否则网页递交时密码还未提交，此方法获得成功模拟按键(#键9, #键1, #键8)模拟按键(#键2, #键3, #键6) ' 必须加延时，否则网页递交时密码还未提交，此方法也获得成功延迟(1000)。

SPAN简单学习SPAN允许将交换机的任意端口或任意VLAN上的流量复制之后发送到其他的任何端口上。

SPAN的源可以是物理接口，也可以是VLAN，并且可以定义多个物理接口或者多个VLAN.复制的流量可以是单向的也可以是双向的；而SPAN的目的有时只能是物理接口，有时只能是VLAN.当一个接口被定义为SPAN的目的接口时，不能再接受其他任何正常的流量。

在SPAN的源和目的在同台交换机时，称为local span也就是SPAN，当源和目的不在同一交换机时，称为remote span，即RSPAN.在实施RSPAN 时，必须将SPAN复制的流量通过发送到某个VLAN，然后从TRUNK上传到目标交换机，这个VLAN称为R SAP N VLAN，从源到目标的每台交换机上都要配置RSPAN VLAN.在实施RSPAN时，在源交换机上，将SPAN的源定义为物理接口或者VLAN，目必须将目的定义为RSPAN VLAN，不能定义为物理接口；在目的交换机上，将SPAN湖泊定义为RSPAN VLAN，并且将目的定义为物理接口。

在某些IOS版本中，源交换机在定义目标时，不仅需要将RSPAN VLAN定义为目标，并且还需要指定一个reflector-port，系统是将流量送到reflector-port后，再由reflector-port发送到RSPAN VLAN.当配置一个接口为reflector-port时，这个接口就不能正常使用了。

在实施SPAN时，有以下一些限制条件：1、交换机上支持最多两个SPAN会话2、最多可以有64个目标端口，而源端口无上限3、3层接口也可以作为源或目的4、源和目标的速率要一致5、如果一个目标端口在源VLAN中，则会被源排除在外6、如果源端口是TRUNK时，那所有的VLAN流量都被复制，但可以过滤某些VLAN，只有在List中的VLAN流量才会被复制。

7、当一个接口配置时SPAN目的接口时，所有的配置消失，关闭SPAN后，则配置恢复8、目标不能是安全端口、也不能是源；也不能是etherchannel group或者正常vlan 9、一个目标端口不能成为两个会话的目标.。

1.一个源端口，可以指定到多个目的端口，案例：monitor session 1 source interface Fa0/2monitor session 1 destination interface Fa0/3 - 42.可以指定源端口（物理端口）是入数据流或出数据流，或是两个方向的数据被SPAN到目的端口，例如：monitor session 1 source interface fa0/12 rx 指定流入fa0/12端口的数据才被SPAN monitor session 1 source interface fa0/12 both 指定出/入fa0/12端口的数据都被SPAN 如果源端口是Vlan，则仅有入方向的流量可以被SPAN3.当目的端口为物理端口时，该物理端口不能作为其它使用例如有如下配置：monitor session 1 source interface Fa0/2monitor session 1 destination interface Fa0/3通过show int fa0/3可以看到该端口的状态为FastEthernet0/3 is up, line protocol is down (monitoring)此是物理端口状态灯显示正常CISCO的解释如下：When it is active, incoming traffic is disabled. The port does not transmit any traffic except that required for the SPAN session.4.当有多个Source port镜象到一个Destination port时，如果Traffic过大，Destination port会出现拥塞，会影响Source port数据的转发5.当Source port是一个Trunk时，可以执行Vlan filter，指定某些VLAN才能为发送到Destination port6.对于监控的流量，可以明确流量的入口和出口，例如：。

配置SPAN本章描述如何配置端口监控，包括以下内容： 概述SPAN 概念和术语SPAN 配置SPAN 显示状态概述SPAN 您可以通过使用将一个端口上的帧拷贝到交换机上的另一个RMON 连接有网络分析设备或分SPAN MIRROR 析仪的端口上来分析该端口上的通讯。

将某个端口上所有接收和发送的帧到某个物理端口上来进行分析。

例如，在图22-151010中，千兆端口上的所有帧都被映射到了千兆端口，接在端口上的的网络分析仪虽然没有和55端口直接相连，可接收通过端口上的所有帧。

图 22-1 SPAN 配置实例SPAN 通过可以监控所有进入和从源端口输出的帧，包括路由输入帧。

SPAN 并不影响源端口的交换，只是所有进入和从源端口输出的帧原样拷贝了一份到目的端口。

然100Mbps 1000Mbps 而一个流量过度的目的端口，例如一个目的端口监控一个可能导致帧被丢弃。

目SPAN ,的端口除了转发会话传送过来的帧外，并不接收和转发其他帧但是要注意你如果在目的端口SP 配置静态地址或者安全地址将不能保证这一点，同时如果你将端口安全打开，那么将不能配置成AN 目的端口。

网络分析SPAN概念和术语该部分描述了和AN配置相关的一些概念和术语SPSPAN会话一个会话是一个目的端口和源端口的组合。

您可以监控单个或多个接口的输入，输出和双向SPAN帧。

SPAN Switched port routed您只能配置一个会话，和都可以配置为源端口和目的端口。

可以配置为源端口，但不能配置为目的端口。

会话并port AP SPAN不影响交换机的正常操作。

SPAN disabled您可以将会话配置在一个上，然而，并不马上发生作用直到您使能目的和源端口。

Show monitor session session port SPANnumberSPAN SPAN命令显示了会话的操作状态。

一个会话在上电后并不马上生效直到目的端口处于可操作状态。

span标签
span标签的作用
在今天讲解之前，首先来简单复习一下之前讲过的DIV标签与P标签，这两个标签的共同点在于都是块级元素，能为其设置宽高属性，默然下元素都是独占一行的，那如果要为一段话中的某个词，或某一小句进行控制，比如加粗、颜色样式等，而又不想让这些词句换行显示，又该使用哪种标签呢？接下来就是今天所要讲的行内元素中的其中一个标签：span标签。

span标签是被用来组合文档中的行内元素，如不遇其它块级元素或换行的标签，它所包含的内容会与其它内容会在同一行显示，就是说span标签定义了行内的一块小区域位置，例如它被包含在P标签中，我们可以将P看成一个局部的大容器，将span看成是P标签中的小容器，代码如：＜p＞span标签被包含＜span＞这是P标签中的一个小元素＜/span＞＜/p ＞span标签没有固定的格式表现，只有在对它设置样式时，才能发现它的效果与变化。

span详细⽤法SPAN--------------------------------------------------------------------------------DescriptionThis does not have any structural role or established rendering convention. It allows a user to define their own method of rendering using style sheets.Syntax<SPANCLASS=classnameDATAFLD=colnameDATAFORMATAS=HTML | TEXTDATASRC=#IDID=valueLANG=languageLANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBSSTYLE=css1-propertiesTITLE=textevent = script>Parameter DescriptionCLASS=classnameSpecifies the class of the tag being defined. This is used to associate a sub-classed style sheet with the tag. DATAFLD=colnameThe column name from the data source object that supplies the bound data.DATAFORMATAS=HTML | TEXTIndicates whether bound data is plain text or HTML.DATASRC=#IDIndicates the ID of the data source object that supplies the data that is bound to this element.ID=valueAn SGML identifier used as the target for hypertext links or for naming particular elements in associated style sheets. Valid ID values must begin with a letter. The underbar character, "_", may be used in the ID name. The ID should be unique throughout the scope of the document. If more than one object with the same identifier exists in a document, a collection of those named items is created that can only be referenced by ordinal position.LANG=languageSpecifies which language to use in ISO standard language abbreviation form.LANGUAGE=JAVASCRIPT | JSCRIPT | VBS | VBSCRIPTSpecifies the language the current script is written in and invokes the proper scripting engine. The default value is JAVASCRIPT. JAVASCRIPT, JSCRIPT The scripting language is written in JavaScript.VBS, VBSCRIPT The scripting language is written in VBScript.STYLE=css1-propertiesSpecifies an in-line style sheet for the tag.TITLE=textUsed to provide advisory information. The contents of the title attribute will be displayed in a ToolTip during the onmouseover event.eventCan be one or more of these events:onclick ondblclickondragstart onhelponkeydown onkeypressonkeyup onmousedownonmousemove onmouseoutonmouseover onmouseuponselectstartRemarksBoth the start and end tags are required.Example<P>This paragraph contains a single <SPAN STYLE="color: blue">blue</SPAN> word.Scripting Object--------------------------------------------------------------------------------DescriptionSpecifies an inline text container. This element is especially useful for applying CSS styles.PropertiesclassName, dataFld, dataFormatAs, dataSrc, document, id, innerText, isTextEdit, lang, language, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, parentElement, parentTextEdit, scrollHeight, scrollLeft, scrollTop, scrollWidth, sourceIndex, style, tagName, titleMethodsblur, click, contains, focus, getAttribute, insertAdjacentHTML, insertAdjacentText, removeAttribute, scrollIntoView, setAttribute Collectionsall, children, filtersEventsonblur, onclick, ondblclick, ondragstart, onfilterchange, onfocus, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onscroll, onselectstart。

2.20 span标记
（span标记）
<span>标记（span）
<span>标记是行内元素，<span>与</span>之间只能包含文本和各种行内标记，如加粗标记<strong>、倾斜标记<em>等，<span>中还可以嵌套多层<span>。

span标记的语法
定义span的基本语法格式如下：
<span>
......
</span>
<span>标记常用于定义网页中某些特殊显示的文本，配合class属性使用。

举例：
<html>
<head>
<title>span元素</title>
<style type="text/css">
p span {
color:#F00;
font-size:30px;
}/*此处对p标签中的span标签定义样式*/
</style>
</head>
<body>
<span>此处的文字虽然被span标签包裹，但没有对应的样式，所以看起来与其他文字一模一样。

</span>
<p><span>注意：</span>此处“注意”二字由于被span标签包裹，并且有对应的样式，故呈现出红色，且字号变大的效果。

</p>
</body>
</html>
效果如下图：。

组织元素（span和div）span和div元素用于组织和结构化文档，并经常联合class和id属性一起使用。

在这一课中，我们将进一步探究span和div的用法，因为这两个HTML元素对于CSS是很重要的。

∙用span组织元素∙用div组织元素用span组织元素span元素可以说是一种中性元素，因为它不对文档本身添加任何东西。

但是与CSS结合使用的话，span可以对文档中的部分文本增添视觉效果。

让我们用一句本杰明·弗兰克林（Benjamin Franklin）的名言来举个例子：<p>早睡早起使人健康、富裕又聪颖。

</p>假设我们想用红色来强调弗兰克林先生所认为的“不要在睡眠中度过一天”的好处，我们可以用<span>标签来标记上述每一点好处。

然后，我们将这几个span设置为相同的class。

这样，我们稍后就可以在样式表里针对这个class定义特定的样式。

<p>早睡早起使人<span class="benefit">健康</span>、<span class="benefit">富裕</span>和<span class="benefit">聪颖</span>。

</p>相应的CSS代码如下：span.benefit {color:red;}∙显示示例当然，你也可以采用id来为span元素添加样式。

不过正如我们在上一课所学的，如果采用id的话，你必须为这三个span元素各自分别指定一个唯一的id。

用div组织元素如前面例子所示，span的使用局限在一个块元素内，而div可以被用来组织一个或多个块元素。

除去这点区别，div和span在组织元素方面相差无几。

让我们来看一个例子。

我们将历届美国总统按其所属的政营分别组织为两个列表：<div id="democrats"><ul><li>富兰克林·D·罗斯福</li><li>哈利·S·杜鲁门</li><li>约翰·F·肯尼迪</li><li>林登·B·约翰逊</li><li>吉米·卡特</li><li>比尔·克林顿</li></ul></div><div id="republicans"><ul><li>德怀特·D·艾森豪威尔</li><li>理查德·尼克松</li><li>杰拉尔德·福特</li><li>罗纳德·里根</li><li>乔治·布什</li><li>乔治·W·布什</li></ul></div>在这里，我们可以采用跟上例同样的方法来处理样式表：#democrats {background:blue;}#republicans {background:red;}显示示例在上例中，我们仅仅将div和span使用在一些很简单的方面，譬如文本和背景色等。

html中span标签的详细介绍
一、span标签的定义及用法
在html中，span标签是使用来组合文档中的行内元素，以便使用样式来对它们进行格式化。

span标签本身并没有什么格式表现（比如：换行等），需要对它应用样式才会有视觉上的变化。

span标签通常使用来将文本的一部分或者文档的一部分独立出来，从而对独立出来的内容设置单独的样式。

二、span标签语法格式
内容
三.语法格式说明
1.span标签是内联元素，不像块级元素（如：div标签、p标签等）那样有换行的效果；
2.如果不对span元素应用样式，使用span标签没有任何的显示效果；
3.span标签可以设置id或class属性，这样不仅能增加语义，还能更方便的对span元素应用样式；
四、实例。