这篇文章介绍的内容是HTML 文字的左右来回移动 <marquee>，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下HTML marquee 元素（<marquee>） 用来插入一段滚动的文字。你可以使用它的属性控制当文本到达容器边缘发生的事情。behavior：设置文本在 marquee 元素内如何滚动。可选值有 scroll(连续滚动)，slide(滑动一次) 和 alternate(往返滚动)。 如果未指定值，默认值为 scroll。bgcolor：通过颜色名称或十六进制值设置背景颜色。direction：设置 marquee 内文本滚动的方向。可选值有 left, right, up and down。如果未指定值，默认值为 left。loop：设置 marquee 滚动的次数。如果未指定值，默认值为 −1，表示 marquee 将连续滚动.scrollamount：设置每次滚动时移动的长度（以像素为单位）。默认值为 6。scrolldelay：设置每次滚动时的时间间隔（以毫秒为单位）。默认值为 85。请注意， 除非指定 truespeed 值，否则将忽略任何小于 60 的值，并改为使用 60。truespeed：默认情况下，会忽略小于60的scrolldelay值。如果存在truespeed，那些值不会被忽略。vspace,hspace：表示运动区域边界的水平距离和垂直距离，以像素或百分比值设置垂直边距。width,height：表示运动区域的宽度和高度，以像素或百分比值设置高度。align：表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middleonmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动代码：1<marquee vspace="10px" hspace="6px" direction="right" behavior="scroll" scrollamount="3" align="middle" bgcolor="aqua" width="300px" height="20px">添加滚动内容</marquee>相关推荐：HTML 实现背景图片的替换以上就是HTML 文字的左右来回移动 <marquee>的详细内容

这篇文章主要介绍了关于HTML5中audio与video标签的使用 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下最近做的微信分享页面中有大量的语音播放和视频展示，相关的好多方法属性以前都没接触过，现在记录下来！1. 首先，了解关于两个标签的基本信息：两个标签的基本属性：属性描述audioTracks返回表示可用音轨的 AudioTrackList 对象autoplay设置或返回是否在加载完成后随即播放音频/视频buffered返回表示音频/视频已缓冲部分的 TimeRanges 对象controller返回表示音频/视频当前媒体控制器的 MediaController 对象controls设置或返回音频/视频是否显示控件（比如播放/暂停等）crossOrigin设置或返回音频/视频的 CORS 设置currentSrc返回当前音频/视频的 URLcurrentTime设置或返回音频/视频中的当前播放位置（以秒计）defaultMuted设置或返回音频/视频默认是否静音defaultPlaybackRate设置或返回音频/视频的默认播放速度duration返回当前音频/视频的长度（以秒计）ended返回音频/视频的播放是否已结束error返回表示音频/视频错误状态的 MediaError 对象loop设置或返回音频/视频是否应在结束时重新播放mediaGroup设置或返回音频/视频所属的组合（用于连接多个音频/视频元素）muted设置或返回音频/视频是否静音networkState返回音频/视频的当前网络状态paused设置或返回音频/视频是否暂停playbackRate设置或返回音频/视频播放的速度played返回表示音频/视频已播放部分的 TimeRanges 对象preload设置或返回音频/视频是否应该在页面加载后进行加载readyState返回音频/视频当前的就绪状态seekable返回表示音频/视频可寻址部分的 TimeRanges 对象seeking返回用户是否正在音频/视频中进行查找src设置或返回音频/视频元素的当前来源startDate返回表示当前时间偏移的 Date 对象textTracks返回表示可用文本轨道的 TextTrackList 对象videoTracks返回表示可用视频轨道的 VideoTrackList 对象volume设置或返回音频/视频的音量两个标签的基本方法：方法描述addTextTrack()向音频/视频添加新的文本轨道canPlayType()检测浏览器是否能播放指定的音频/视频类型load()重新加载音频/视频元素play()开始播放音频/视频pause()暂停当前播放的音频/视频两个标签中的事件：事件描述abort当音频/视频的加载已放弃时canplay当浏览器可以播放音频/视频时canplaythrough当浏览器可在不因缓冲而停顿的情况下进行播放时durationchange当音频/视频的时长已更改时emptied当目前的播放列表为空时ended当目前的播放列表已结束时error当在音频/视频加载期间发生错误时loadeddata当浏览器已加载音频/视频的当前帧时loadedmetadata当浏览器已加载音频/视频的元数据时loadstart当浏览器开始查找音频/视频时pause当音频/视频已暂停时play当音频/视频已开始或不再暂停时playing当音频/视频在已因缓冲而暂停或停止后已就绪时progress当浏览器正在下载音频/视频时ratechange当音频/视频的播放速度已更改时seeked当用户已移动/跳跃到音频/视频中的新位置时seeking当用户开始移动/跳跃到音频/视频中的新位置时stalled当浏览器尝试获取媒体数据，但数据不可用时suspend当浏览器刻意不获取媒体数据时timeupdate当目前的播放位置已更改时volumechange当音量已更改时waiting当视频由于需要缓冲下一帧而停止2. 在项目中的使用：在视频没有加载出来的时候需要显示这个视频的第一帧图片，我这里第一帧图片是后台传过来的，查了相关资料原来video标签有个属性poster专门用来显示视频的第一帧图片，相当于视频封面图。poster 属性用于设置或返回视频的 poster 属性值。这个属性描述了在视频加载时或在用户点击播放按钮前显示的图片。如果不包含该属性，视频的第一帧将被用来代替显示。1234567<p class="newsInfo" v-for=" item in newsFragment"><p class="text">{{item.fragment_text_describe}}</p><p v-if="item.fragmentFile" v-for="items in item.fragmentFile"><img v-if="items.fragment_type==1" :src="items.fragment_url" alt=""><video v-else :poster="items.fileCover" controls :src="items.fragment_url"></video></p></p>在音频播放的时候浏览器不一定支持该种类型的音频，所以要做一个判断：用canPlayType() 方法检查浏览器是否能播放指定的音频/视频类型。canPlayType() 方法可返回下列值之一："probably" - 浏览器最可能支持该音频/视频类型"maybe" - 浏览器也许支持该音频/视频类型"" - （空字符串）浏览器不支持该音频/视频类型使用语法：1audio.canPlayType("mp3"))相关推荐：深入了解HTML5之sessionStorage对象HTML5的video标签操作视频详解以上就是HTML5中audio与video标签的使用 的详细内容

给客户的页脚的邮箱加上点击发送邮件功能，有简单的链接和复杂的链接，对于复杂链接有详细的参数说明，感兴趣的朋友可以参考下 最近给客户的页脚的邮箱加上点击发送邮件功能，自己百度了下，解决方法很简单 1简单的做个链接就行了 复制代码代码如下:1<a href="Mailto:test@163.com">给我发邮件</a>2. 复杂的链接 代码： 复制代码代码如下:1<pre name="code" class="html"><a href="Mailto:test@163.com?CC=test@163.com&BCC=test@163.com&Subject=Hello&Body=你好">给我发邮件</a></pre>1234567891011121314<pre></pre> 参数说明： <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> </p> <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> CC：抄送地址；</p> <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> BCC：密件抄送地址；</p> <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> Subject：主题；</p> <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> Body：邮件内容。</p> <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> 注：多个邮件地址用";"隔开。</p>以上就是html发送邮件通过Mailto简单实现的详细内容

这篇文章主要介绍了关于HTML元素(标签)大全及使用介绍，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下HTML元素(标签)大全及使用说明a:表示超链接的起始或目的位置。acronym:表示取首字母的缩写词。address:表示特定信息，如地址、签名、作者、文档信息。applet:在页面上放置可执行内容。area:定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。b:指定文本应以粗体显示。base:指定一个显式 URL 用于解析对于外部源的链接和引用，如图像和样式表。basefont:设置显示文本时作为默认字体的基础字体值。bdo:允许作者为选定文本片断禁用双向法则。bgsound:使页面能够带有背景声音或配音。big:指定所含文本要以比当前字体稍大的字体显示。blockquote:表示文本中的一段引用语。body:指明文档主体的开始和结束。br:插入一个换行符。button:指定一个容器，其中所含的 HTML 会被显示为一个按钮。caption:表格的标题，对表格的简单描述。center:将指定文本和图像居中显示。cite:用斜体显示标明引文。code:表示代码范例。col:说明基于列的表格缺省属性。colgroup:说明表格中一列或一组列的缺省属性。comment:表示不可见的注释。防止所包含的文本或者HTML源代码被浏览器解析和显示。dd:在定义列表中表示定义。定义通常在定义列表中缩进显示。del:表示文本已经从文档中删除。dfn:表示术语的定义。dir:表示目录列表。p:表示一块可显示 HTML 的区域dl:表示定义列表。dt:在定义列表中表示定义术语。em:强调文本，通常以斜体显示。embed:允许嵌入任何类型的文档。fieldset:在字段集包含的文本和其它元素外面画一个方框。font:用于说明所包含文本的新字体、大小和颜色。form:说明所包含的控件是某个表单的组成部分。frame:在 FRAMESET 元素内表示单个框架。frameset:表示一个框架集，用于组织多个框架和嵌套框架集。head:提供了关于文档的无序信息集合。hn:以标题样式显示文本。hr:画一条横线。html:表明文档包含 HTML 元素。i:指定文本应以斜体显示。iframe:创建内嵌漂浮框架。img:在文档中嵌入图像或视频片断。input:创建各种表单输入控件。input type=button:创建按钮控件。input type=checkbox:创建复选框控件。input type=file:创建文件上载控件，该控件带有一个文本框和一个浏览按钮。input type=hidden:传输关于客户/服务器交互的状态信息。input type=image:创建一个图像控件，该控件被点击后将导致表单立即被提交。input type=password:创建与 INPUT type=text 控件类似的单行文本输入控件，不过并不显示用户输入的内容。input type=radio:创建单选钮控件。input type=reset:创建一个按钮，点击该按钮后，将重置表单控件回其初始值。input type=submit:创建一个按钮，点击该按钮后，即提交表单。input type=text:创建一个单行的文本输入控件。ins:表示插入到文档中的文本。isindex:使浏览器显示一个对话框，提示用户输入单行文本。kbd:以定宽字体显示文本。label:为页面上的其它元素指定标签。legend:在 fieldSet 对象绘制的方框内插入一个标题。li:表示列表中的一个项目。link:允许当前文档和外部文档建立连接。listing:以固定宽度的字体显示文本。map:包含客户端图像映射的坐标数据。marqueee:创建一个滚动的文本字幕。menu:创建一个无序列表。meta:向服务器和客户端传达关于文档的隐藏信息。nobr:不换行显示文本。noframes:包含对于那些不支持 FRAMESET 元素的浏览器使用的 HTML。noscript:指定在不支持脚本的浏览器中显示的 HTML。object:在 HTML 页面中插入对象。ol:编制排序列表。optgroup:允许作者对 select 元素中的选项进行逻辑分组。option:表示 SELECT 元素中的一个选项。p:表示一段。param:设置 APPLET、EMBED 或 OBJECT 元素的属性初始值。pre:以固定宽度字体显示文本。q:分离文本中的引语。s:带删除线方式显示文本。samp:表示代码范例。script:指定由脚本引擎解释的页面中的脚本。select:表示一个列表框或者一个下拉框。small:指定内含文本要以比当前字体稍小的字体显示。span:指定内嵌文本容器。strike:带删除线显示文本。strong:以粗体显示文本。style:指定页面的样式表。sub:说明内含文本要以下标的形式显示，比当前字体稍小。sup:说明内含文本要以上标的形式显示，比当前字体稍小。table:说明所含内容组织成含有行和列的表格形式。tbody:指明哪些行作为表格的主体。td:指定表格中的单元格。textarea:多行文本输入控件。tfoot:指明哪些行作为表尾。th:指定标题列。标题列将在单元格中居中并以粗体显示。thead:指定哪些行作为表头。title:文档的标题。tr:指定表格中的一行。tt:以固定宽度字体显示文本。u:带下划线显示文本。ul:表示不排序的项目列表。var:定义程序变量，通常以斜体显示。wbr:向一块 NOBR 文本中插入软换行。以上就是HTML元素(标签)大全及使用介绍的详细内容

这篇文章主要介绍了关于html中隐藏域hidden的作用介绍及使用示例 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用，下面为大家详细介绍下此隐藏域在实际中时如何使用的，感兴趣的朋友不要错过了哈基本语法： 1<input type="hidden" name="field＿name" value="value">作用： 1 隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。 2 有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用cookie实现，但使用隐藏域就简单的多了．而且不会有浏览器不支持，用户禁用cookie的烦恼。 3 有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。 4 有时候一个网页中有多个form，我们知道多个form是不能同时提交的，但有时这些form确实相互作用，我们就可以在form中添加隐藏域来使它们联系起来。 5 javascript不支持全局变量，但有时我们必须用全局变量，我们就可以把值先存在隐藏域里，它的值就不会丢失了。 6 还有个例子，比如按一个按钮弹出四个小窗口，当点击其中的一个小窗口时其他三个自动关闭．可是IE不支持小窗口相互调用，所以只有在父窗口写个隐藏域，当小窗口看到那个隐藏域的值是close时就自己关掉。 例子： 使用hidden实现点击提交按钮数字加1 数值自增.htm 复制代码代码如下:1234567<form action="数值自增.ashx" method="post"> <input type="hidden" name="_viewstate" value="a" /> <input type="hidden" name="_p" value="@n" /> <!-- <input name="txt" type="text" value="@value" />--><p>@n</p> <input type="submit" value="click" /> </form>使用一般处理程序实现 数值自增.ashx 复制代码代码如下:1234567891011121314151617181920212223242526int n = 0; public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/html";  string path = context.Request.MapPath("数值自增.htm"); string html = System.IO.File.ReadAllText(path); //判断页面是否是第一次加载 string viewstate = context.Request.Form["_viewstate"]; if (!string.IsNullOrEmpty(viewstate)) { //点击按钮 post //获取隐藏域的值 string s = context.Request.Form["_p"]; if (int.TryParse(s, out n)) { n++; html = html.Replace("@n",n.ToString()); } } else { //页面首次加载,给p和p对应的隐藏域赋值 html = html.Replace("@n", n.ToString()); } context.Response.Write(html); }以上就是html中隐藏域hidden的作用介绍及使用示例的详细内容

这篇文章介绍的内容是关于HTML学习笔记一 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下在点击打开链接的学习总结。HTML常用的标签及解释1、基本格式框架123456<html><body><h1>标题</h1><p>段落</p></body></html>2、文本格式化标签123456789<b>粗体</b><big>大号字</big><em>着重字（粗）</em><i>斜体字</i><strong>加强语气（粗）</strong>_下标^上标<ins>插入字</ins><del>删除字</del>3、链接1<a href="URL" target="_blank"> this is a link </a>其中，href=超链接，target="_blank"表示在新窗口打开文件。注意，两者之间用空格。有一种特殊情况是使用name属性，可以转跳到name属性定义的锚。12345<a name="tips">基本的注意事项 - 有用的提示</a>...<a href="#tips">跳转到tips标签处</a>注意，引用锚时要在名字前面加#。4、图像1<img src="boat.gif" alt="Big Boat" width="104" height="102" />其中，src存放图片所在地址；alt属性表示替换文本，即当图片不能加载是所显示的文字说明；width和height用于设置图片的长度和宽度；另外，图像还有一个属性border用于规定图像边框的宽度。5、改变属性的通用方法——style12345<body style="background-color:yellow"><h2 style="font-family:arial;color:red;font-size:20px;text-align:center;">标题</h2></body>其中，background-color用于设置背景颜色；font-family用于设置字体；color用于设置（标题）字体颜色；font-size用于设置字体大小；text-align：center居中。6、引用第一种：相当于“”。1<q>所要引用的话</q>第二种：长引用，自动缩进，cite表示出处地址（可省略）。1<blockquote cite="URL">......</blockquote>第三种：缩略词，鼠标放到缩略词上会显示完整内容，即title。1<abbr title="world health organization">WHO</abbr>第四种：地址（联系信息），自动斜体，并且前后自动加换行。1<address>我是地址</address>第五种：著作标题，自动斜体。1<cite>老人与海</cite>特别的，双向重写，dir="rtl"为从右向左书写1<bdo dir="rtl">从右向左</bdo>7、计算机代码12345<kbd>键盘输入</kbd><samp>计算机输出示例</samp><code>代码</code><pre>文本</pre><var>数学公式</var>其中，前三种均不保留空格和换行，如果要保持文本的原有格式，请使用第四种，<pre>保留换行。8、创建图像映射123456789101112131415161718192021222324252627282930<html><body> <p>请点击图像上的星球，把它们放大。</p> <imgsrc="/i/eg_planets.jpg"border="0" usemap="#planetmap"alt="Planets" /> <map name="planetmap" id="planetmap"> <areashape="circle"coords="180,139,14"href ="/example/html/venus.html"target ="_blank"alt="Venus" /> <areashape="rect"coords="0,0,110,260"href ="/example/html/sun.html"target ="_blank"alt="Sun" /> </map> </body></html>其中，<map>定义图像地图，包括id和name属性，感觉一般情况下都要定义；<area>定义图像地图的可点击区域，包含的属性：shape规定区域的形状coords规定区域的（x,y）坐标，左上角为（0,0）；比如（x,y,z），xy表示圆心，z表示半径<img>中的usemap属性引用map中的id或name属性。9、其他<br/>-------换行<hr/>-------水平线<!-- this is a comment -->---------注释以上就是HTML学习笔记一的详细内容

这篇文章介绍的内容是关于HTML学习笔记二 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下1、表格<table>12345678910<table border="1"><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr></table><tr>......</tr>定义行，<td>......</td>定义列表头表示：123<tr><th>heading</th></tr>如果要表示一个空行，可以用&nbsp空格占位符填充。2、列表第一种：无序列表——<ul>，使用粗体圆点标记1234<ul><li>Coffee</li><li>Milk</li></ul>或者使用<ul type="circle">……使用的是空心圆点。第二种：有序列表——<ol>，使用数字标记1234<ol><li>Coffee</li><li>Milk</li></ol>或者使用<ol start="50">……表示数字从50开始标记。第三种：自定义列表——<dl>123456<dl><dt>Coffee</dt><dd>Black hot drink</dd><dt>Milk</dt><dd>White cold drink</dd></dl>说明：<dl>表示列表开始<dt>表示列表项<dd>表示列表项的定义注意，列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。3、HTML类对HTML进行分类，能为元素的类定义CSS样式。对相同的类设置相同的样式。1234567891011121314151617181920212223242526<!DOCTYPE html><html><head><style>.cities {    background-color:black;    color:white;    margin:20px;    padding:20px;} </style></head> <body> <p class="cities"><h2>London</h2><p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p></p>  </body></html><p>是块级元素，用于设置相同类。<span>是行内元素。123456789101112<html><head><style>  span.red {color:red;}</style></head><body> <h1>My <span class="red">Important</span> Heading</h1> </body></html>4、HTML网站布局（1）使用<p>进行布局123456789101112131415161718192021222324252627282930<head><style>#header {    background-color:black;    color:white;    text-align:center;    padding:5px;}#nav {    line-height:30px;    background-color:#eeeeee;    height:300px;    width:100px;    float:left;    padding:5px;          }#section {    width:350px;    float:left;    padding:10px;        }#footer {    background-color:black;    color:white;    clear:both;    text-align:center;   padding:5px;      }</style></head>使用<p id="header">......</p>（2）HTML5提供的新语义元素<header>定义文档或节的页眉<nav>定义导航链接的容器<section>定义文档中的节<article>定义独立的自包含文章<aside>定义内容之外的内容（侧栏）（？还没搞清楚这是什么）<footer>定义文档或节的页脚<details>定义额外的细节<summary>定义details元素的标题5、框架通过使用框架，可以在同一个浏览器窗口显示不止一个页面。每份HTML文档成为一个框架，并且每个框架都独立与其他的框架。（1）框架结构标签<frameset>每个<frameset>定义列一系列行、列rows/columns的值规定了每行或每列占据屏幕的面积1234<frameset cols="25%,75%">   <frame src="frame_a.htm">   <frame src="frame_b.htm"></frameset>（2）其他一般地，一个框架有可见边框，用户可以拖动边框来改变它的大小。若想避免，可以在<frame>中添加 noresize="noresize" 。不能将<body>标签与<frameset>标签同时使用。不过添加包含一段文本的<noframes>标签，就必须将这段文字嵌套于<body>标签内。12345678910111213<html> <frameset cols="25%,50%,25%">  <frame src="/example/html/frame_a.html">  <frame src="/example/html/frame_b.html">  <frame src="/example/html/frame_c.html"> <noframes><body>您的浏览器无法处理框架！</body></noframes> </frameset></html><frame>中可以使用name锚属性，来转跳到指定节。<iframe>用于在网页内显示网页用法：<iframe src="URL" width="200" height="200" frameborder="0"></iframe>iframe可用作链接的目标（target），该链接的target属性必须引用iframe的name属性。12<iframe src="demo_iframe.htm" name="iframe_a"></iframe><p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>注意，由于链接的目标匹配iframe的名称，所以链接会在iframe中打开。相关推荐：HTML学习笔记一以上就是HTML学习笔记二的详细内容

通常一个网站的head,foot,rightBar(右侧的条目)都是相同的，这部分内容可以通过引入的方式，否则一旦需要修改，就需要修改十个，二十个，乃至更多的页面，是一项既繁琐但又毫无意义的工作。借助于PHP或者JSP，使用include能够轻松解决此问题，但是如果脱离后端语言，从前端的角度，能不能解决这个问题呢？1、借助于iframe首先，最容易想到的应该是使用iframe,虽然html5废除了frame,但是依旧保留了iframe,我们仍可以继续使用，iframe有一个frameboder属性，设置属性值为0或者为no,去除iframe的边框。然后将scrolling设为no。这是完全可行的，不过记得要在服务器环境下运行。123var frame = document.getElementsByTageName("iframe")[0];   frame.contentWindow.document.XXX方法,   如frame.contentWindow.document.querySelector("#btn");//获取iframe中Id为btn的节点.因为此前没有使用iframe来引入头部的经验，考虑到头部通常除了跳转之外，另一个作用应该是定位，在页面较长时，通过点击，准确定位到某处。页面的跳转，使用iframe引入并无影响，那么锚点呢？这个需要试一试才知道。 在此，再补充一点关于锚点的知识： 锚点可以跳转到当前页面的相应位置，还可以跳转到其它页面的相应位置。 实现锚点有两种方式，一种是a标签+name属性，还有一种是使用标签的Id属性。 具体如下： a.使用a标签+name属性的方式12<a href = "#detail">详情</a> <a name = "detail"></a>点击”详情”，跳转到<a name = "detail">的位置.b.使用标签的id属性12<a href = "#detail">详情</a><p id = "detail"></p>点击”详情”，跳转到<p id = "detail">的位置.使用a+name的方式经常会出现锚点失效的情况，因此推荐使用id来绑定锚点。 言归正传，引入iframe之后，我们能否通过点击iframe中的元素来定位的相应的位置呢，这里，我们使用iframe引入head.html，这也是我最初的目的。 因此我们要实现的是:点击iframe的a标签，定位到主Html相应的位置,通过实现发现，单纯通过html是无法实现的，但是借助于JS则可以做到。1234567891011121314151617181920212223242526272829<!doctype html><html lang="en">    <head>    <!--网站编码格式，UTF-8 国际编码，GBK或 gb2312 中文编码-->        <meta http-equiv="content-type" content="text/html;charset=utf-8" />        <meta name="Keywords" content="关键词一，关键词二">        <meta name="Description" content="网站描述内容">        <meta name="Author" content="Yvette Lau">        <title>Document</title>        <!--css js 文件的引入-->        <style>            #leftFrame{display:block;}        </style>    </head>    <body>                  <p><img src = "img/photo1.jpg" width="500px"/></p>              <iframe src="test1.html" height= "100px" name="leftFrame" scrolling="No"  noresize="noresize"  id="leftFrame"></iframe>        <p><img src = "img/photo2.jpg"  width="500px"/></p>        <p><img src = "img/photo3.jpg" width="500px" /></p>        <p id = "buttom">detail</p>    </body></html><script>    window.onload = function(){        var iframe = document.querySelector("#leftFrame");        var bot = iframe.contentWindow.document.querySelector("#bot");        var top = iframe.contentWindow.document.querySelector("#top");        bot.onclick = function(){            document.body.scrollTop = document.body.offsetHeight;        };        top.onclick = function(){            document.body.scrollTop = 0;        };    };</script>iframe中有id为bot和top的元素。通过JS的方式实现定位。 在主页面中，通过iframe.contentWindow能够以HTML对象来返回iframe中的文档，可以通过所以标准的DOM方法来处理被返回的对象。 在iframe页面中，通过parent定位到父html,可以通过top定位到顶层的html. 同级iframe之间调用，需要先定位到父html，再定位到iframe. 补充点关于锚点的知识，其关键作用的就是连接地址后面加的#detail(detail仅是泛指).如果当前的url为localhost:8080/index.html.那么锚点之后，url应为localhost:8080/index.html#detail URL地址末尾带有”#”标识符，表示需要跳转到对应的位置。#idName,浏览器会在页面中找到符合”#idName”特点的标签。如果URL中”#”后面跟随的字符在文中找不到，如果是当前页面，那么不跳转，如果是从其它页面跳转过来，则显示页面顶部。 回到页面顶部，除了可以通过JS设置body的scrollTop(0返回到顶部,设置为body的高度,跳转到顶部),另一种方法就是<a href = "#">回到顶部</a>2、借助于ajax(jquery的load方法)另外还有一种方法，是借助于jQuery的load方法载入页面。 load(url, data, callback);url是待装入HTML网页网址;data:发送至服务器的key/value;callback:载入成功时回调函数。12345$(function(){       $("selector1").load("page1.html");       $("selector2").load("page2.html");       $("selector3").load("page3.html");   });通过js追加进来的DOM结构，对SEO（搜索引擎优化）有影响，类似百度蜘蛛是无法抓取的！一般情况下不到万不得已的时候，不推荐使用。page1.html/page2.html/page3.html写需要的Html片段即可，因为是load进来的，也就是异步加载，在需要获取page1.html等页面的元素时，可以结合setTimeout使用，确保页面被加载进来。3、使用HTML importsHTML imports提供了一种在一个HTML文档中包含和重用另一个HTML文档的方法。目前谷歌已经全面支持HTML imports，Opera35版本之后支持，但是FF依旧不支持。(在谷歌的地址栏输入:chrome://flags,启动或禁止一些功能) 尽管目前HTML imports的兼容不是很好，但是我们还是有必要了解其使用方法，W3C已经发布了HTML imports的标准草案，相信后期应该还是会用得比较普遍的。使用HTML imports 12345678910111213141516<!doctype html><html lang="en">    <head>    <!--网站编码格式，UTF-8 国际编码，GBK或 gb2312 中文编码-->        <meta http-equiv="content-type" content="text/html;charset=utf-8" />        <meta name="Keywords" content="关键词一，关键词二">        <meta name="Description" content="网站描述内容">        <meta name="Author" content="Yvette Lau">               <title>Document</title>        <link rel = "import" href = "test1.html"/>    </head>    <body>        <p id = "content"></p>    </body></html><script>    var post = document.querySelector("link[rel = 'import']").import;    var con = post.querySelector("p");    document.querySelector("#content").appendChild(con.cloneNode(true));    var clone = document.importNode(con,true)    document.querySelector("#content").appendChild(clone)</script>给出了两种将import进来的html中我们需要的部分插入到当前html.最后简单介绍document.querySelector和document.querySelectorAll，这两个方法是HTML5在Web API中新引入的方法，大大简化了在原生Javascript代码中选取元素。 document.querySelector和document.querySelectorAll都是接收一个字符串作为参数，这个参数需要符合CSS选择语法，即:标签、类选择器、ID选择器，属性选择器(E[type=”XX”]),结构选择器(:nth-child(n))等。不支持伪类选择器。 document.importNode(node,deep)方法把一个节点从另一个文档复制到该文档以便应用，第二个值为true，那么将该节点的所有子孙节点也复制过来。 node.cloneNode(deep):对已有的节点进行克隆,deep值为true，表示克隆其子孙节点。如果deep为false，则只克隆该节点自身。除了以上方法外，目前更为主流的一种方式是使用组件化开发。每一部分作为一个组件。以上就是Html中引入外部页面的方法的详细内容

<span style="font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);">通常一个网站的head,foot,rightBar(右侧的条目)都是相同的，这部分内容可以通过引入的方式，否则一旦需要修改，就需要修改十个，二十个，乃至更多的页面，是一项既繁琐但又毫无意义的工作。借助于PHP或者JSP，使用include能够轻松解决此问题，但是如果脱离后端语言，从前端的角度，能不能解决这个问题呢？</span><br style="margin: 0px; padding: 0px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);"><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);"></p><h2 style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: inherit; background-color: rgb(255, 255, 255);">1、借助于iframe</h2><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">首先，最容易想到的应该是使用iframe,虽然html5废除了frame,但是依旧保留了iframe,我们仍可以继续使用，iframe有一个frameboder属性，设置属性值为0或者为no,去除iframe的边框。然后将scrolling设为no。这是完全可行的，不过记得要在服务器环境下运行。</p><table border="0" cellpadding="0" cellspacing="0" class="syntaxhighlighter php" style="margin-bottom: 15px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; width: 758px; margin-top: 0.3em !important; margin-right: 0px !important; margin-left: 0px !important; padding: 0px !important; border-collapse: separate !important; border-radius: 4px !important; background: none rgb(27, 36, 38) !important; border: 1px solid rgb(204, 204, 204) !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: auto !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; min-height: auto !important; font-size: 13px !important;"><tbody style="margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><tr style="margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><td class="gutter" style="padding: 5px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid rgb(221, 221, 221); border-radius: 4px 0px 0px 4px !important; background: none !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline-style: initial !important; outline-width: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; color: rgb(175, 175, 175) !important; user-select: none !important;"><p class="line number1 index0 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">1</p><p class="line number2 index1 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">2</p><p class="line number3 index2 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">3</p></td><td class="code" style="padding: 5px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid rgb(221, 221, 221); width: 717px; word-break: break-all; border-radius: 0px !important; background: none !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline-style: initial !important; outline-width: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; min-height: auto !important;"><p class="container" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 1; margin: 0px !important; padding: 0px !important; width: auto !important; min-height: auto !important; box-sizing: content-box !important; position: relative !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; right: auto !important; top: auto !important; vertical-align: baseline !important;"><p class="line number1 index0 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">var</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">frame = document.getElementsByTageName(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"iframe"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">)[0];</code></p><p class="line number2 index1 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">frame.contentWindow.document.XXX方法,</code></p><p class="line number3 index2 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">如frame.contentWindow.document.querySelector(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"#btn"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">);</code><code class="php comments" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">//获取iframe中Id为btn的节点.</code></p></p></td></tr></tbody></table><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">因为此前没有使用iframe来引入头部的经验，考虑到头部通常除了跳转之外，另一个作用应该是定位，在页面较长时，通过点击，准确定位到某处。页面的跳转，使用iframe引入并无影响，那么锚点呢？这个需要试一试才知道。&nbsp;<br style="margin: 0px; padding: 0px;">在此，再补充一点关于锚点的知识：&nbsp;<br style="margin: 0px; padding: 0px;">锚点可以跳转到当前页面的相应位置，还可以跳转到其它页面的相应位置。&nbsp;<br style="margin: 0px; padding: 0px;">实现锚点有两种方式，一种是a标签+name属性，还有一种是使用标签的Id属性。&nbsp;<br style="margin: 0px; padding: 0px;">具体如下：&nbsp;<br style="margin: 0px; padding: 0px;">a.使用a标签+name属性的方式</p><table border="0" cellpadding="0" cellspacing="0" class="syntaxhighlighter php" style="margin-bottom: 15px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; width: 758px; margin-top: 0.3em !important; margin-right: 0px !important; margin-left: 0px !important; padding: 0px !important; border-collapse: separate !important; border-radius: 4px !important; background: none rgb(27, 36, 38) !important; border: 1px solid rgb(204, 204, 204) !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: auto !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; min-height: auto !important; font-size: 13px !important;"><tbody style="margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><tr style="margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><td class="gutter" style="padding: 5px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid rgb(221, 221, 221); border-radius: 4px 0px 0px 4px !important; background: none !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline-style: initial !important; outline-width: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; color: rgb(175, 175, 175) !important; user-select: none !important;"><p class="line number1 index0 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">1</p><p class="line number2 index1 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">2</p></td><td class="code" style="padding: 5px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid rgb(221, 221, 221); width: 717px; word-break: break-all; border-radius: 0px !important; background: none !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline-style: initial !important; outline-width: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; min-height: auto !important;"><p class="container" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 1; margin: 0px !important; padding: 0px !important; width: auto !important; min-height: auto !important; box-sizing: content-box !important; position: relative !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; right: auto !important; top: auto !important; vertical-align: baseline !important;"><p class="line number1 index0 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;a href = </code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"#detail"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;详情&lt;/a&gt; </code></p><p class="line number2 index1 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;a name = </code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"detail"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;&lt;/a&gt;</code></p></p></td></tr></tbody></table><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">点击”详情”，跳转到<code style="margin-top: 0px; margin-bottom: 0px; padding: 4px 2px 0px; font-size: 14px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; white-space: nowrap; line-height: 22px;">&lt;a name = "detail"&gt;</code>的位置.</p><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">b.使用标签的id属性</p><table border="0" cellpadding="0" cellspacing="0" class="syntaxhighlighter php" style="margin-bottom: 15px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; width: 758px; margin-top: 0.3em !important; margin-right: 0px !important; margin-left: 0px !important; padding: 0px !important; border-collapse: separate !important; border-radius: 4px !important; background: none rgb(27, 36, 38) !important; border: 1px solid rgb(204, 204, 204) !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: auto !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; min-height: auto !important; font-size: 13px !important;"><tbody style="margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><tr style="margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><td class="gutter" style="padding: 5px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid rgb(221, 221, 221); border-radius: 4px 0px 0px 4px !important; background: none !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline-style: initial !important; outline-width: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; color: rgb(175, 175, 175) !important; user-select: none !important;"><p class="line number1 index0 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">1</p><p class="line number2 index1 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">2</p></td><td class="code" style="padding: 5px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid rgb(221, 221, 221); width: 717px; word-break: break-all; border-radius: 0px !important; background: none !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline-style: initial !important; outline-width: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; min-height: auto !important;"><p class="container" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 1; margin: 0px !important; padding: 0px !important; width: auto !important; min-height: auto !important; box-sizing: content-box !important; position: relative !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; right: auto !important; top: auto !important; vertical-align: baseline !important;"><p class="line number1 index0 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;a href = </code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"#detail"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;详情&lt;/a&gt;</code></p><p class="line number2 index1 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;p id = </code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"detail"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;&lt;/p&gt;</code></p></p></td></tr></tbody></table><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">点击”详情”，跳转到<code style="margin-top: 0px; margin-bottom: 0px; padding: 4px 2px 0px; font-size: 14px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; white-space: nowrap; line-height: 22px;">&lt;p id = "detail"&gt;</code>的位置.</p><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">使用a+name的方式经常会出现锚点失效的情况，因此推荐使用id来绑定锚点。&nbsp;<br style="margin: 0px; padding: 0px;">言归正传，引入iframe之后，我们能否通过点击iframe中的元素来定位的相应的位置呢，这里，我们使用iframe引入head.html，这也是我最初的目的。&nbsp;<br style="margin: 0px; padding: 0px;">因此我们要实现的是:点击iframe的a标签，定位到主Html相应的位置,通过实现发现，单纯通过html是无法实现的，但是借助于JS则可以做到。</p><table border="0" cellpadding="0" cellspacing="0" class="syntaxhighlighter php" style="margin-bottom: 15px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; width: 758px; margin-top: 0.3em !important; margin-right: 0px !important; margin-left: 0px !important; padding: 0px !important; border-collapse: separate !important; border-radius: 4px !important; background: none rgb(27, 36, 38) !important; border: 1px solid rgb(204, 204, 204) !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: auto !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; min-height: auto !important; font-size: 13px !important;"><tbody style="margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><tr style="margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><td class="gutter" style="padding: 5px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid rgb(221, 221, 221); border-radius: 4px 0px 0px 4px !important; background: none !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline-style: initial !important; outline-width: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; color: rgb(175, 175, 175) !important; user-select: none !important;"><p class="line number1 index0 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">1</p><p class="line number2 index1 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">2</p><p class="line number3 index2 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">3</p><p class="line number4 index3 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">4</p><p class="line number5 index4 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">5</p><p class="line number6 index5 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">6</p><p class="line number7 index6 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">7</p><p class="line number8 index7 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">8</p><p class="line number9 index8 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">9</p><p class="line number10 index9 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">10</p><p class="line number11 index10 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">11</p><p class="line number12 index11 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">12</p><p class="line number13 index12 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">13</p><p class="line number14 index13 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">14</p><p class="line number15 index14 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">15</p><p class="line number16 index15 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">16</p><p class="line number17 index16 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">17</p><p class="line number18 index17 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">18</p><p class="line number19 index18 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">19</p><p class="line number20 index19 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">20</p><p class="line number21 index20 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">21</p><p class="line number22 index21 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">22</p><p class="line number23 index22 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">23</p><p class="line number24 index23 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">24</p><p class="line number25 index24 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">25</p><p class="line number26 index25 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">26</p><p class="line number27 index26 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">27</p><p class="line number28 index27 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">28</p><p class="line number29 index28 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">29</p></td><td class="code" style="padding: 5px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid rgb(221, 221, 221); width: 710px; word-break: break-all; border-radius: 0px !important; background: none !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline-style: initial !important; outline-width: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; min-height: auto !important;"><p class="container" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 1; margin: 0px !important; padding: 0px !important; width: auto !important; min-height: auto !important; box-sizing: content-box !important; position: relative !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; right: auto !important; top: auto !important; vertical-align: baseline !important;"><p class="line number1 index0 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;!doctype html&gt;&lt;html lang=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"en"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;</code></p><p class="line number2 index1 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;head&gt;</code></p><p class="line number3 index2 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;!--网站编码格式，UTF-8 国际编码，GBK或 gb2312 中文编码--&gt;</code></p><p class="line number4 index3 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;meta http-equiv=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"content-type"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">content=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"text/html;charset=utf-8"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">/&gt;</code></p><p class="line number5 index4 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;meta name=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"Keywords"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">content=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"关键词一，关键词二"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;</code></p><p class="line number6 index5 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;meta name=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"Description"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">content=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"网站描述内容"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;</code></p><p class="line number7 index6 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;meta name=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"Author"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">content=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"Yvette Lau"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;</code></p><p class="line number8 index7 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;title&gt;Document&lt;/title&gt;</code></p><p class="line number9 index8 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;!--css js 文件的引入--&gt;</code></p><p class="line number10 index9 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;style&gt;</code></p><p class="line number11 index10 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">#leftFrame{display:block;}</code></p><p class="line number12 index11 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;/style&gt;</code></p><p class="line number13 index12 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;/head&gt;</code></p><p class="line number14 index13 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;body&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </code></p><p class="line number15 index14 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;p&gt;&lt;img src = </code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"img/photo1.jpg"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">width=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"500px"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">/&gt;&lt;/p&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </code></p><p class="line number16 index15 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;iframe src=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"test1.html"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">height= </code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"100px"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">name=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"leftFrame"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">scrolling=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"No"</code>&nbsp; <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">noresize=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"noresize"</code>&nbsp; <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">id=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"leftFrame"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;&lt;/iframe&gt;</code></p><p class="line number17 index16 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;p&gt;&lt;img src = </code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"img/photo2.jpg"</code>&nbsp; <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">width=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"500px"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">/&gt;&lt;/p&gt;</code></p><p class="line number18 index17 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;p&gt;&lt;img src = </code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"img/photo3.jpg"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">width=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"500px"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">/&gt;&lt;/p&gt;</code></p><p class="line number19 index18 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;p id = </code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"buttom"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;detail&lt;/p&gt;</code></p><p class="line number20 index19 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;/body&gt;&lt;/html&gt;&lt;script&gt;</code></p><p class="line number21 index20 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">window.onload = </code><code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">function</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">(){</code></p><p class="line number22 index21 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">var</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">iframe = document.querySelector(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"#leftFrame"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </code><code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">var</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">bot = iframe.contentWindow.document.querySelector(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"#bot"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </code><code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">var</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">top = iframe.contentWindow.document.querySelector(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"#top"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">);</code></p><p class="line number23 index22 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">bot.onclick = </code><code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">function</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">(){</code></p><p class="line number24 index23 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">document.body.scrollTop = document.body.offsetHeight;</code></p><p class="line number25 index24 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">};</code></p><p class="line number26 index25 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">top.onclick = </code><code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">function</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">(){</code></p><p class="line number27 index26 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">document.body.scrollTop = 0;</code></p><p class="line number28 index27 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">};</code></p><p class="line number29 index28 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">};&lt;/script&gt;</code></p></p></td></tr></tbody></table><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">iframe中有id为bot和top的元素。通过JS的方式实现定位。&nbsp;<br style="margin: 0px; padding: 0px;">在主页面中，通过iframe.contentWindow能够以HTML对象来返回iframe中的文档，可以通过所以标准的DOM方法来处理被返回的对象。&nbsp;<br style="margin: 0px; padding: 0px;">在iframe页面中，通过parent定位到父html,可以通过top定位到顶层的html.&nbsp;<br style="margin: 0px; padding: 0px;">同级iframe之间调用，需要先定位到父html，再定位到iframe.&nbsp;<br style="margin: 0px; padding: 0px;">补充点关于锚点的知识，其关键作用的就是连接地址后面加的#detail(detail仅是泛指).如果当前的url为localhost:8080/index.html.那么锚点之后，url应为localhost:8080/index.html#detail&nbsp;<br style="margin: 0px; padding: 0px;">URL地址末尾带有”#”标识符，表示需要跳转到对应的位置。#idName,浏览器会在页面中找到符合”#idName”特点的标签。如果URL中”#”后面跟随的字符在文中找不到，如果是当前页面，那么不跳转，如果是从其它页面跳转过来，则显示页面顶部。&nbsp;<br style="margin: 0px; padding: 0px;">回到页面顶部，除了可以通过JS设置body的scrollTop(0返回到顶部,设置为body的高度,跳转到顶部),另一种方法就是<code style="margin-top: 0px; margin-bottom: 0px; padding: 4px 2px 0px; font-size: 14px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; white-space: nowrap; line-height: 22px;">&lt;a href = "#"&gt;回到顶部&lt;/a&gt;</code></p><h2 style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: inherit; background-color: rgb(255, 255, 255);">2、借助于ajax(jquery的load方法)</h2><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">另外还有一种方法，是借助于jQuery的load方法载入页面。&nbsp;<br style="margin: 0px; padding: 0px;">load(url, data, callback);url是待装入HTML网页网址;data:发送至服务器的key/value;callback:载入成功时回调函数。</p><table border="0" cellpadding="0" cellspacing="0" class="syntaxhighlighter php" style="margin-bottom: 15px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; width: 758px; margin-top: 0.3em !important; margin-right: 0px !important; margin-left: 0px !important; padding: 0px !important; border-collapse: separate !important; border-radius: 4px !important; background: none rgb(27, 36, 38) !important; border: 1px solid rgb(204, 204, 204) !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: auto !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; min-height: auto !important; font-size: 13px !important;"><tbody style="margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><tr style="margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><td class="gutter" style="padding: 5px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid rgb(221, 221, 221); border-radius: 4px 0px 0px 4px !important; background: none !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline-style: initial !important; outline-width: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; color: rgb(175, 175, 175) !important; user-select: none !important;"><p class="line number1 index0 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">1</p><p class="line number2 index1 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">2</p><p class="line number3 index2 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">3</p><p class="line number4 index3 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">4</p><p class="line number5 index4 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">5</p></td><td class="code" style="padding: 5px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid rgb(221, 221, 221); width: 717px; word-break: break-all; border-radius: 0px !important; background: none !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline-style: initial !important; outline-width: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; min-height: auto !important;"><p class="container" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 1; margin: 0px !important; padding: 0px !important; width: auto !important; min-height: auto !important; box-sizing: content-box !important; position: relative !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; right: auto !important; top: auto !important; vertical-align: baseline !important;"><p class="line number1 index0 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">$(</code><code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">function</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">(){</code></p><p class="line number2 index1 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">$(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"selector1"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">).load(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"page1.html"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">);</code></p><p class="line number3 index2 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">$(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"selector2"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">).load(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"page2.html"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">);</code></p><p class="line number4 index3 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">$(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"selector3"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">).load(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"page3.html"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">);</code></p><p class="line number5 index4 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">});</code></p></p></td></tr></tbody></table><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">通过js追加进来的DOM结构，对SEO（搜索引擎优化）有影响，类似百度蜘蛛是无法抓取的！一般情况下不到万不得已的时候，不推荐使用。page1.html/page2.html/page3.html写需要的Html片段即可，因为是load进来的，也就是异步加载，在需要获取page1.html等页面的元素时，可以结合setTimeout使用，确保页面被加载进来。</p><h2 style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: inherit; background-color: rgb(255, 255, 255);">3、使用HTML imports</h2><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">HTML imports提供了一种在一个HTML文档中包含和重用另一个HTML文档的方法。目前谷歌已经全面支持HTML imports，Opera35版本之后支持，但是FF依旧不支持。(在谷歌的地址栏输入:chrome://flags,启动或禁止一些功能)&nbsp;<br style="margin: 0px; padding: 0px;">尽管目前HTML imports的兼容不是很好，但是我们还是有必要了解其使用方法，W3C已经发布了HTML imports的标准草案，相信后期应该还是会用得比较普遍的。使用HTML imports&nbsp;<br style="margin: 0px; padding: 0px;"></p><table border="0" cellpadding="0" cellspacing="0" class="syntaxhighlighter php" style="margin-bottom: 15px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; width: 758px; margin-top: 0.3em !important; margin-right: 0px !important; margin-left: 0px !important; padding: 0px !important; border-collapse: separate !important; border-radius: 4px !important; background: none rgb(27, 36, 38) !important; border: 1px solid rgb(204, 204, 204) !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: auto !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; min-height: auto !important; font-size: 13px !important;"><tbody style="margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><tr style="margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><td class="gutter" style="padding: 5px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid rgb(221, 221, 221); border-radius: 4px 0px 0px 4px !important; background: none !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline-style: initial !important; outline-width: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; color: rgb(175, 175, 175) !important; user-select: none !important;"><p class="line number1 index0 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">1</p><p class="line number2 index1 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">2</p><p class="line number3 index2 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">3</p><p class="line number4 index3 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">4</p><p class="line number5 index4 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">5</p><p class="line number6 index5 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">6</p><p class="line number7 index6 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">7</p><p class="line number8 index7 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">8</p><p class="line number9 index8 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">9</p><p class="line number10 index9 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">10</p><p class="line number11 index10 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">11</p><p class="line number12 index11 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">12</p><p class="line number13 index12 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">13</p><p class="line number14 index13 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">14</p><p class="line number15 index14 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">15</p><p class="line number16 index15 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 0.5em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important; text-align: right !important;">16</p></td><td class="code" style="padding: 5px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid rgb(221, 221, 221); width: 710px; word-break: break-all; border-radius: 0px !important; background: none !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline-style: initial !important; outline-width: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; min-height: auto !important;"><p class="container" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 1; margin: 0px !important; padding: 0px !important; width: auto !important; min-height: auto !important; box-sizing: content-box !important; position: relative !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; right: auto !important; top: auto !important; vertical-align: baseline !important;"><p class="line number1 index0 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;!doctype html&gt;&lt;html lang=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"en"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;</code></p><p class="line number2 index1 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;head&gt;</code></p><p class="line number3 index2 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;!--网站编码格式，UTF-8 国际编码，GBK或 gb2312 中文编码--&gt;</code></p><p class="line number4 index3 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;meta http-equiv=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"content-type"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">content=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"text/html;charset=utf-8"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">/&gt;</code></p><p class="line number5 index4 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;meta name=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"Keywords"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">content=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"关键词一，关键词二"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;</code></p><p class="line number6 index5 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;meta name=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"Description"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">content=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"网站描述内容"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;</code></p><p class="line number7 index6 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;meta name=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"Author"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">content=</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"Yvette Lau"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </code></p><p class="line number8 index7 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;title&gt;Document&lt;/title&gt;</code></p><p class="line number9 index8 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;link rel = </code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"import"</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">href = </code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"test1.html"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">/&gt;</code></p><p class="line number10 index9 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;/head&gt;</code></p><p class="line number11 index10 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;body&gt;</code></p><p class="line number12 index11 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;p id = </code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"content"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&gt;&lt;/p&gt;</code></p><p class="line number13 index12 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&lt;/body&gt;&lt;/html&gt;&lt;script&gt;</code></p><p class="line number14 index13 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">var</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">post = document.querySelector(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"link[rel = 'import']"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">).import;&nbsp;&nbsp;&nbsp; </code><code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">var</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">con = post.querySelector(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"p"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">);</code></p><p class="line number15 index14 alt2" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">document.querySelector(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"#content"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">).appendChild(con.cloneNode(true));&nbsp;&nbsp;&nbsp; </code><code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">var</code> <code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">clone</code> <code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">= document.importNode(con,true)</code></p><p class="line number16 index15 alt1" style="margin-top: 15px; margin-bottom: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.5em; border-radius: 8px; font-size: 16px; color: rgb(61, 70, 77); box-sizing: border-box; padding-right: 1em !important; padding-left: 1em !important; border-left: 3px solid rgb(67, 90, 95) !important; white-space: pre-wrap !important;"><code class="php spaces" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">document.querySelector(</code><code class="php string" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"#content"</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">).appendChild(</code><code class="php keyword" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; min-height: auto !important;">clone</code><code class="php plain" style="padding: 2px 4px; font-size: 13px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; margin-top: 0px !important; margin-bottom: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-left: 0px !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.5em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">)&lt;/script&gt;</code></p></p></td></tr></tbody></table><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">给出了两种将import进来的html中我们需要的部分插入到当前html.</p><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">最后简单介绍document.querySelector和document.querySelectorAll，这两个方法是HTML5在Web API中新引入的方法，大大简化了在原生Javascript代码中选取元素。&nbsp;<br style="margin: 0px; padding: 0px;">document.querySelector和document.querySelectorAll都是接收一个字符串作为参数，这个参数需要符合CSS选择语法，即:标签、类选择器、ID选择器，属性选择器(E[type=”XX”]),结构选择器(:nth-child(n))等。不支持伪类选择器。&nbsp;<br style="margin: 0px; padding: 0px;">document.importNode(node,deep)方法把一个节点从另一个文档复制到该文档以便应用，第二个值为true，那么将该节点的所有子孙节点也复制过来。&nbsp;<br style="margin: 0px; padding: 0px;">node.cloneNode(deep):对已有的节点进行克隆,deep值为true，表示克隆其子孙节点。如果deep为false，则只克隆该节点自身。</p><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">除了以上方法外，目前更为主流的一种方式是使用组件化开发。每一部分作为一个组件。</p><p style="margin-top: 15px; margin-bottom: 15px; padding-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; box-sizing: border-box; border-radius: 8px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;PingFang SC&quot;, 微软雅黑, Tahoma, Arial, sans-serif; background-color: rgb(255, 255, 255);">以上就是Html中引入外部页面的方法的详细内容</p>

这篇文章主要介绍了HTML5实现拖拽功能步骤详解,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧问题：突然奇想，想在电影网上加一个收藏（类似于购物车的东西），可以通过拖拽图片进行添加前提：需要了解HTML5中国Loacl Strorage（当然，其他的web存储也行，我用的是Local Stroage）解决：这里主要重点强调关于进行拖拽功能的细节，具体html和css就自己慢慢弄吧首先这里先是对收藏按钮进行点击显示新的p框（存放收藏的电影），二次点击隐藏p框，这里不做过多介绍为可以进行拖拽的图片进行设置属性：draggable属性和ondragstart事件123456var pic_list=document.getElementsByClassName("middle_content")[0];    var pic_list_li=pic_list.getElementsByTagName("li");    for(var i=0;i<pic_list_li.length;i++){        var image=pic_list_li[i].getElementsByTagName("img")[0];        image.setAttribute("draggable",true);        image.ondragstart=drag;我这里的代码就是获取所选要拖拽图片的父元素，然后进行遍历，将每一个img都设置属性和事件3.分别编写进行拖拽时的函数和拖拽完成的函数12345678//设置拖拽效果function drag(e){    e=e||event;    e.dataTransfer.effectAllowed = "copy";    //IE需通过服务器访问方式，FF、chrome支持本地方式进行访问    e.dataTransfer.setData("text", e.target.src);           //IE兼容写法    //e.dataTransfer.setData("text/plain", e.target.src);   //标准写法}“copy”那就是字面意思，复制一份当然的data，当然还有其他的属性值，这里就不做进一步解释123456789101112131415161718192021222324252627//拖拽释放效果function drop(e){    //方式拖拽事件传播    allowDrop(e);    //从拖拽事件中获取数据    var data=e.dataTransfer.getData("text");    //e.target.id=="dropdown"，表示目标对象是p（dropdown）    //e.target.parentNode.id=="dropdown"表示目标对象是dropdown的直接子元素UL    //e.target.parentNode.parentNode.id=="dropdown" 表示目标对象是UL中的LI    //e.target.parentNode.parentNode.parentNode.id=="dropdown"表示目标对是<a>元素    //e.target.parentNode.parentNode.parentNode.parentNode.id=="dropdown"表示目标对象是<img>元素    if(e.target.id=="dropdown" || e.target.parentNode.id=="dropdown"        || e.target.parentNode.parentNode.id=="dropdown"        || e.target.parentNode.parentNode.parentNode.id=="dropdown"        || e.target.parentNode.parentNode.parentNode            .parentNode.id=="dropdown"){        //从localStorage中尝试根据Src读取数据        var newFilms=readFromStorage(data);        if (newFilms==null){            films.filmsSrc=data;        }        //把处理后的商品信息存储到localStorage        localStorage.setItem(data, JSON.stringify(films));        //重新加载并刷新页面中的collect        document.getElementsByClassName("dropdown")[0].innerHTML=loadCollect();    }}4.上述代码中有关于key值读取localstrorage的值，我将其封装成了json对象，因为后期可能数据会增多，比如，不仅仅是加入图片的src，还有可能是有关图片的介绍，例如，导演，演员，简介之类的信息，这时，用json对象会相对于更好一些所有需要将读取的localstroage值封装成json对象123456//根据key读取localStorage的值并封装成JSONfunction readFromStorage(key){    var jsonStr=localStorage.getItem(key);    var newFilms=JSON.parse(jsonStr);    return newFilms;}5。其实在这里，这个拖拽的功能就相当于是实现了相关推荐：原生js实现拖拽功能基本思路如何在vue中实现拖拽功能WPF实现拖拽功能以上就是HTML5实现拖拽功能步骤详解的详细内容

本文主要和大家分享Array.prototype.filter对数组中元素进行过滤的方法，希望能帮助到大家。1234567891011/** * @method reduce * @param {number}   item   当前迭代的数组元素 * @param {number}   index  当前迭代的数组元素下下标 * @param {array}    array  原数组 */  let arr = [1,2,6,3,4,5];  let res = arr.filter(function(item,index,array){      //元素值，元素的索引，原数组。      return (item>3);  });  console.log(res);//[6, 4, 5]filter 方法可以将数组中不符合的元素去掉，返回一个新数组。以上就是数组filter对数组元素进行过滤的方法的详细内容

这次给大家带来HTML5联合canvas实现图片压缩，主要以代码的形式体现，下面就是实战案例，一起来看一下。123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'> <title>lianxi </title> <style type="text/css">    </style></head><body>    <form> 名字：<input type="text " name = 'username' id = 'username'/> 上传：<input type="file" name = 'fileimage' id = 'fileimage' /> </form> <button>button</button> <script> var file = document.querySelector('#fileimage') var username = document.querySelector('#username') var canvas = document.createElement('canvas'); var span = document.createElement('span') var formData = new FormData() file.addEventListener('change',function() { //实现的原理的new formData()然后把这个formData 用ajax传进去 span.innerHTML = '预览图加载中...' document.body.appendChild(span) console.log(file.files[0]) username.value ? formData.append('username',username.value) : null; resize(file.files[0]); }) //上传前的图片压缩 function resize(file) { var reader = new FileReader() reader.readAsDataURL(file) var img = new Image() reader.onload = function (e) { // this.result就是图片的base64地址信息 img.src = this.result; }   var context = canvas.getContext('2d'); var gif = document.createElement('img')   // base64地址图片加载完毕后 img.onload = function () { // 图片原始尺寸 //定义画布的大小 if (img.width > 300 || img.height > 300) { if (img.width > img.height) { canvas.width = 300 canvas.height = img.height / img.width * 300 } else { canvas.height = 300 canvas.width = img.width / img.height * 300 } } //从那里开始截取图片 context.drawImage(img, 0, 0, canvas.width, canvas.height) /*第一个参数是创建的img对象；第二个参数是左上角坐标，后面两个是画布区域宽高*/ //压缩后的图片base64 url                /*canvas.toDataURL(mimeType, qualityArgument),mimeType 默认值是'image/jpeg';                 * qualityArgument表示导出的图片质量，只要导出为jpg和webp格式的时候此参数才有效果，默认值是0.92*/ //var newUrl = canvas.toDataURL('image/jpeg', 0.92);//base64 格式 document.body.removeChild(span) document.querySelector('body').appendChild(canvas) }; } //这是上传的 document.querySelector('button').addEventListener('click',function(){ canvas.toBlob(function(blob){ var xhr = new XMLHttpRequest() formData.append('fileimage', blob,'002.webp') xhr.open('POST', 'test.php', true)//默认true 为异步 //上传进度 xhr.upload.addEventListener('progress',function (e) { console.log('上传进度为：'+ (e.loaded/e.total*100).toFixed(2)+'%')//多次出现 // event.total是需要传输的总字节，event.loaded是已经传输的字节 }) xhr.upload.addEventListener('loadstart', function () { console.log('上传开始')//只出现一次 }) xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if (xhr.status >= 200 && xhr.status <300 || xhr.status == 304) { console.log(JSON.parse(xhr.responseText))//成功后的返回值 } else { console.log("Request was unsuccessful: " + xhr.status); }  }   } //xhr.setRequestHeader("Content-type", "multipart/form-data"); xhr.send(formData) }, 'image/webp',0.9) }) </script></body></html>需要注意的是后端需要加上header("Access-Control-Allow-Origin:*");以实现跨域相关链接：html5+canvas实现图片的压缩上传HTML5 Canvas 实现本地压缩图片HTML5 canvas实现图片拉伸、压缩与裁剪以上就是HTML5联合canvas实现图片压缩的详细内容

这次给大家带来网页中的文字怎么设置自动换行，网页中的文字设置自动换行注意事项有哪些，下面就是实战案例，一起来看一下。在网页中，又是会用于显示一段文字，但预先并不知道，文字的长度及内容，此时，我们大多采用填充div或pre的方式来显示文字。使用div元素时，确定了宽度加上以下两个属性，即可保证填充在div中的文字自动换行。1word-wrap: break-word;   //word-wrap 属性允许长单词或 URL 地址换行到下一行。//break-word在长单词或 URL 地址内部进行换行。word-break: break-all;//word-break 属性规定自动换行的处理方法。使用pre元素时，类似的，也加上以下两个属性，其内文字即可自动换行。12white-space: pre-wrap;    //pre-wrap保留空白符序列，但是正常地进行换行。word-break: break-all;word-wrap: break-word;div我们大家都熟悉，可以填充文字或其它元素，但文字放在div中时，往往不能保持原有格式，比如空格,回车等。pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。pre 标签的一个常见应用就是用来表示计算机的源代码。可以导致段落断开的标签（例如标题、p 和 address 标签）绝不能包含在 pre 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如 a 标签）放到 pre 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！推荐阅读：React怎样给button添加事件怎么使用select获取选中的值React中给div设置html以上就是网页中的文字怎么设置自动换行的详细内容

这次给大家带来css3实现条状百分比效果，实现css3实现条状百分比效果的注意事项有哪些，下面就是实战案例，一起来看一下。效果图就是上方所示了，整个长条表示100%，绿色的部分表示该条目占比，鼠标移到该长条上时，显示百分比(title属性设置)首先这个百分比，你要计算出来。该条状，我用的是Label来进行显示，设置其background即可。用什么容器并不固定，根据自己布局需要，但是确定的一点是容器的宽度必须设置。设置背景颜色的代码入下：background:linear-gradient(to right, green 33.90%, #9e9e9e70 33.90%)linear-gradient表示线性渐变，三个参数设置，第一个参数为方向to left：设置渐变为从右到左。相当于: 270degto right：设置渐变从左到右。相当于: 90degto top：设置渐变从下到上。相当于: 0degto bottom：设置渐变从上到下。相当于: 180deg。这是默认值，等同于留空不写。后面为颜色设定，显而易见了，两个颜色，色值后跟该颜色的百分比，两个百分比一致即可，否则会出现一部分两个颜色的线性渐变。相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！推荐阅读：css3阴影的详解JavaScript的数组使用集合javaScript容易被忽略的知识点怎样用canvas绘制星空,月亮,大地,添加文字以上就是css3实现条状百分比效果的详细内容

这次给大家带来 网页的布局方式与浮动， 网页布局方式与浮动的注意事项有哪些，下面就是实战案例，一起来看一下。一. 网页的布局方式1.什么是网页的布局方式?网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的;分为:标准流,浮动流,定位流1.标准流(文档流/普通流)排版方式1.1其实浏览器默认的排版方式就是标准流的排版方式1.2在CSS中将元素分为三类, 分别是块级元素/行内元素/行内块级元素1.3 在标准流中有两种排版方式, 一种是垂直排版, 一种是水平排版垂直排版, 如果元素是块级元素, 那么就会垂直排版水平排版, 如果元素是行内元素/行内块级元素, 那么就会水平排版2.浮动流排版方式2.1浮动流是一种"半脱离标准流"的排版方式2.2浮动流只有一种排版方式, 就是水平排版. 它只能设置某个元素相对于父元素左对齐或者右对齐注意点:1.浮动流中没有居中对齐, 也就是没有center这个取值2.在浮动流中是不可以使用margin: 0 auto;(是无效的)特点:1.在浮动流中是不区分块级元素/行内元素/行内块级元素的无论是级元素/行内元素/行内块级元素都可以水平排版2.在浮动流中无论是块级元素/行内元素/行内块级元素都可以设置宽高3.综上所述, 浮动流中的元素和标准流中的行内块级元素很像3.定位流排版方式二. 浮动元素的脱标1.什么是浮动元素的脱标?脱标: 脱离标准流当某一个元素浮动之后, 那么这个元素看上去就像被从标准流中删除了一样, 这个就是浮动元素的脱标;2.浮动元素脱标之后会有什么影响?如果前面一个元素浮动了, 而后面一个元素没有浮动 , 那么这个时候前面一个元就会盖住后面一个元素;三. 浮动元素排序规则浮动元素排序规则 :1相同方向上的浮动元素, 先浮动的元素会显示在前面, 后浮动的元素会显示在后面2不同方向上的浮动元素, 左浮动会找左浮动, 右浮动会找右浮动3浮动元素浮动之后的位置, 由浮动元素浮动之前在标准流中的位置来确定(如果元素浮动前在标准流中的第一行,那么它浮动后就在第一行显示,如果浮动前在标准流中的第二行,浮动后就在第二行显示)四. 浮动元素贴靠现象什么是浮动元素贴靠现象?1.如果父元素的宽度能够显示所有浮动元素, 那么浮动的元素会并排显示2.如果父元素的宽度不能显示所有浮动元素, 那么会从最后一个元开始往前贴靠3.如果贴靠了前面所有浮动元素之后都不能显示, 最终会贴靠到父元素的左边或者右边五. 浮动元素的字围现象什么是浮动元素字围现象?浮动元素不会挡住没有浮动元素中的文字, 没有浮动的文字会自动给浮动的元素让位置,这个就是浮动元素字围现象;一般用作图文混排!浮动元素字围现象六. 企业开发中什么时候使用标准流什么时候使用浮动流?1.企业开发中什么时候使用标准流什么时候使用浮动流?垂直方向使用标准流, 水平方向使用浮动流2.拿到一个很复杂的界面如何入手?2.1从上至下布局2.2从外向内布局2.3水平方向可以先划分为一左一右再对左边或者右边进行进一步布局七. 浮动元素高度问题1.在标准流中内容的高度可以撑起父元素的高度2.在浮动流中浮动的元素是<a>不可以</a>撑起父元素的高度的! (父元素没有浮动,只有子元素浮动)相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！推荐阅读：CSS的背景与精灵图CSS的显示模式如何使用以上就是 网页的布局方式与浮动的详细内容

这次给大家带来H5中的定位，H5中定位的注意事项有哪些，下面就是实战案例，一起来看一下。一.定位流分类1.1相对定位1.2绝对定位1.3固定定位1.4静态定位二.什么是相对定位?相对定位就是相对于自己以前在标准流中的位置来移动position: relative;相对定位注意点1.相对定位是不脱离标准流的, 会继续在标准流中占用一份空间2.在相对定位中同一个方向上的定位属性只能使用一个<a>(也就是使用了left,就不要使用right;使用了top,就不要使用bottom)</a>.3.由于相对定位是不脱离标准流的, 所以在相对定位中是区分块级元素/行内元素/行内块级元素4.由于相对定位是不脱离标准流的, 并且相对定位的元素会占用标准流中的位置, 所以当给相对定位的元素设置margin/padding等属性的时会影响到标准流的布局,<a>(margin/padding会加给定位之前的盒子位置)</a>相对定位应用场景1.用于对元素进行微调2.配合后面学习的绝对定位来使用1234567.box2{     background-color: green;     position: relative; //相对定位     top: 20px;     left: 20px;     margin-top: 20px;//会加在定位之前的位置上 }三. 什么是绝对定位?绝对定位就是相对于body来定位position: absolute;注意点1绝对定位的元素是脱离标准流的2绝对定位的元素是不区分块级元素/行内元素/行内块级元素123456.box2{            background-color: green;            position: absolute; //绝对定位            left: 0;            bottom: 0; //在body的左下角        }四. 绝对定位参考点规律1.默认情况下所有的绝对定位的元素, 无论有没有祖先元素, 都会以body作为参考点2.如果一个绝对定位的元素有祖先元素, 并且祖先元素也是定位流, 那么这个绝对定位的元素就会以定位流的那个祖先元素作为参考点2.1只要是这个绝对定位元素的祖先元素都可以2.2指的定位流是指绝对定位/相对定位/固定定位2.3定位流中只有静态定位不行3.如果一个绝对定位的元素有祖先元素, 并且祖先元素也是定位流, 而且祖先元素中有多个元素都是定位流, 那么这个绝对定位的元素会以离它最近的那个定位流的祖先元素为参考点五. 注意点1.如果一个绝对定位的元素是以body作为参考点, 那么其实是以网页首屏的宽度和高度作为参考点, 而不是以整个网页的宽度和高度作为参考点;相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！推荐阅读：网页的布局方式之清除浮动HTML与CSS的盒子模型以上就是H5中的定位的详细内容

这次给大家带来JavaScript数组-字符串-数学函数，使用JavaScript数组-字符串-数学函数的注意事项有哪些，下面就是实战案例，一起来看一下。数组方法里push、pop、shift、unshift、join、split分别是什么作用。push()方法添加一个或多个元素到数组的末尾，并返回数组新的长度（length 属性值）。pop() 方法删除一个数组中的最后的一个元素，并且返回这个元素。shift()方法删除数组的第一个元素，并返回这个元素。该方法会改变数组的长度。unshift() 方法在数组的开头添加一个或者多个元素，并返回数组新的 length 值。join()方法将数组中的所有元素连接成一个字符串。**split() **方法通过把字符串分割成子字符串来把一个 String对象分割成一个字符串数组。代码题数组用 splice 实现 push、pop、shift、unshift方法定义和用法splice() 方法用于插入、删除或替换数组的元素。语法1arrayObject.splice(index,howmany,element1,.....,elementX)参数描述index 必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。howmany 必需。规定应该删除多少元素。必须是数字，但可以是 "0"。如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。element1 可选。规定要添加到数组的新元素。从 index 所指的下标处开始插入。elementX 可选。可向数组添加若干元素。返回值如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。123456789101112131415161718192021222324252627282930313233343536splice->pushvar a = [1,2,3,4,5]var b = [1,2,3,4,5]console.log(a);console.log(b);a.push(6);b.splice(5,1,6);console.log(a);console.log(b);splice->popvar a = [1,2,3,4,5]var b = [1,2,3,4,5]console.log(a);console.log(b);a.pop();b.splice(4,1);console.log(a);console.log(b);splice->shiftvar a = [1,2,3,4,5]var b = [1,2,3,4,5]console.log(a);console.log(b);a.shift();b.splice(0,1);console.log(a);console.log(b);splice->unshiftvar a = [1,2,3,4,5]var b = [1,2,3,4,5]console.log(a);console.log(b);a.unshift(-1);b.splice(0,0,-1);console.log(a);console.log(b);使用数组拼接出如下字符串12345678var prod = {    name: '女装',    styles: ['短款', '冬季', '春装']};function getTpl(data){//todo...};var result = getTplStr(prod);  //result为下面的字符串    <dl class="product">        <dt>女装</dt>        <dd>短款</dd>        <dd>冬季</dd>        <dd>春装</dd>    </dl>代码：12345678910111213141516var prod = {name: '女装',styles: ['短款', '冬季', '春装']};function getTplStr(data){var htmls = [];htmls.push('<dl class="product">','<dt>'+data,name+'<dt>');for(i=0;i<data.styles.length;i++){htmls.push('<dd>'+data.styles[i]+'<dd>')}htmls.push('<dl>');var htmls = htmls.join('')return htmls};var result = getTplStr(prod);  //result为下面的字符串console.log(result)写一个find函数，实现下面的功能1234var arr = [ "test", 2, 1.5, false ]find(arr, "test") // 0find(arr, 2) // 1find(arr, 0) // -1代码：1234567var arr = [ "test", 2, 1.5, false ]var find = function(a,b){console.log(a.indexOf(b))}find(arr, "test") // 0find(arr, 2) // 1find(arr, 0) // -1写一个函数filterNumeric，实现如下功能12arr = ["a", 1,3,5, "b", 2];newarr = filterNumeric(arr);  //   [1,3,5,2]代码：方法一：12345678910arr = ["a", 1,3,5, "b", 2];var filterNumberic = function(data){var a = [];for(i=0;i<data.length;i++){if(typeof data[i] === 'number'){a.push(data[i]);}}return a}newarr = filterNumberic(arr); // [1,3,5,2]console.log(newarr)方法二：123456arr = ["a", 1,3,5, "b", 2];function isNumber(element) {return typeof element === 'number';}var newarr = arr.filter(isNumber)console.log(newarr)对象obj有个className属性，里面的值为的是空格分割的字符串(和html元素的class特性类似)，写addClass、removeClass函数，有如下功能：12var obj = {className: 'open menu'}addClass(obj, 'new') // obj.className='open menu new'addClass(obj, 'open')  // 因为open已经存在，此操作无任何办法addClass(obj, 'me') // obj.className='open menu new me'console.log(obj.className)  // "open menu new me" removeClass(obj, 'open') // obj.className='menu new me'  removeClass(obj, 'blabla')  // 不变代码：12var obj = {className: 'open menu'}var addClass = function(a,b){var name = a.className.split(" ");if(name.indexOf(b) === -1) {name.push(b);}else{console.log("因为"+b+"已经存在，此操作无任何办法");}a.className = name.join(" ");console.log('obj.className='+a.className);}var removeClass = function(a,b){var name = a.className.split(" ");if(name.indexOf(b) !== -1){name.splice(name.indexOf(b),1)a.className = name.join(" ");console.log('obj.className='+a.className)}else{console.log('不变')}}   addClass(obj, 'new') // obj.className='open menu new'    addClass(obj, 'open')  // 因为open已经存在，此操作无任何办法    addClass(obj, 'me') // obj.className='open menu new me'    console.log(obj.className)  // "open menu new me"    removeClass(obj, 'open') // obj.className='menu new me'    removeClass(obj, 'blabla')  // 不变写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如：12camelize("background-color") == 'backgroundColor'camelize("list-style-image") == 'listStyleImage'代码：123456function camelize(string){return string.replace(/-/g,'')}console.log(camelize("background-color"))camelize("background-color") == 'backgroundColor'camelize("list-style-image") == 'listStyleImage'如下代码输出什么？为什么?123arr = ["a", "b"];arr.push( function() { alert(console.log('hello hunger valley')) } );arrarr.length-1  // ?因为arr.push( function() { alert(console.log('hello hunger valley')) } );将function() { alert(console.log('hello hunger valley')push到arr[]最后一位，arr[arr.length-1]()取该数组最后一位，然后立即执行该函数，由于function() { alert(console.log('hello hunger valley')中console.log只允许在控制台中打开，所以结果为undefined。写一个函数filterNumericInPlace，过滤数组中的数字，删除非数字1234arr = ["a", 1,3,4,5, "b", 2];//对原数组进行操作，不需要返回值filterNumericInPlace(arr);console.log(arr)  // [1,3,4,5,2]代码：123456789101112arr = ["a","d", 1,3,4,5, "b", 2];//对原数组进行操作，不需要返回值function filterNumericInPlace(data){for(i=0;i<data.length;i++){if(typeof data[i] === 'string'){data.splice(i,1);i--;//splice指针减少1，否则获取不了数组中全部元素。}}}filterNumericInPlace(arr);console.log(arr)  // [1,3,4,5,2]写一个ageSort函数实现如下功能：12345var john = { name: "John Smith", age: 23 }var mary = { name: "Mary Key", age: 18 }var bob = { name: "Bob-small", age: 6 }var people = [ john, mary, bob ]ageSort(people) // [ bob, mary, john ]代码：方法一：12345678910function ageSort(arr){arr.sort(function(a,b){return a.age-b.age})return arr}var john = { name: "John Smith", age: 23 }var mary = { name: "Mary Key", age: 18 }var bob = { name: "Bob-small", age: 6 }var people = [ john, mary, bob ]ageSort(people) // [ bob, mary, john ]console.log(ageSort(people))方法二：123456789101112131415161718function ageSort(a){for(i=0;i<a.length;i++){for(j=i+1;j<a.length;j++){if(a[i].age-a[j].age>0){var b = a[i];a[i] = a[j];a[j] = b;}}}return a}var john = { name: "John Smith", age: 23 }var mary = { name: "Mary Key", age: 18 }var bob = { name: "Bob-small", age: 6 }var people = [ john, mary, bob ]ageSort(people) // [ bob, mary, john ]console.log(ageSort(people))写一个filter(arr, func) 函数用于过滤数组，接受两个参数，第一个是要处理的数组，第二个参数是回调函数(回调函数遍历接受每一个数组元素，当函数返回true时保留该元素，否则删除该元素)。实现如下功能：12function isNumeric (el){return typeof el === 'number';}arr = ["a",3,4,true, -1, 2, "b"] arr = filter(arr, isNumeric) ; // arr = [3,4,-1, 2],  过滤出数字  arr = filter(arr, function(val) { return val > 0 });  // arr = [2] 过滤出大于0的整数代码：12function filter(data,callback){return data.filter(callback)}   function isNumeric (el){        return typeof el === 'number';     }    arr = ["a",3,4,true, -1, 2, "b"]    arr = filter(arr, isNumeric) ; // arr = [3,4,-1, 2],  过滤出数字    console.log(arr)    arr = filter(arr, function(val) { return val > 0 });  // arr = [2] 过滤出大于0的整数    console.log(arr)字符串写一个 ucFirst函数，返回第一个字母为大写的字符。1ucFirst("hunger") == "Hunger"代码：12345function ucFirst(string){return string[0].toUpperCase()+string.slice(1);}console.log(ucFirst("hunger"))ucFirst("hunger") == "Hunger"写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...，如：12truncate("hello, this is hunger valley,", 10)) == "hello, thi...";truncate("hello world", 20)) == "hello world"代码：123456789function truncate(str,maxlength){if(str.length>maxlength){var sub = str.substring(maxlength)str =  str.replace(sub,'...');} return str;}console.log(truncate("hello, this is hunger valley,", 10));truncate("hello, this is hunger valley,", 10) == "hello, thi...";truncate("hello world", 20) == "hello world"数学函数写一个函数limit2，保留数字小数点后两位，四舍五入，如：123var num1 = 3.456limit2( num1 );  //3.46limit2( 2.42 );    //2.42代码：12345678910var num1 = 3.456function limit2(data){var num = Math.round(data*100);return num/100}limit2( num1 );  //3.46limit2( 2.42 );    //2.42console.log(limit2(num1));console.log(limit2(2.42));console.log(limit2(-1.15555555))写一个函数，获取从min到max之间的随机数，包括min不包括max。代码：1234function fun(min,max){return min+Math.random()*(max-min)}console.log(fun(5,10))写一个函数，获取从min都max之间的随机整数，包括min包括max。代码：1234function fun(min,max){return Math.Round(min+Math.random()*(max-min))}console.log(fun(5,10))写一个函数，获取一个随机数组，数组中元素为长度为len，最小值为min，最大值为max(包括)的随机数 .代码：123456789function fun(min,max,leng){var arr = []for(i=0;i<leng;i++){var value = max-Math.random()*(max-min)arr.push(value)}return arr}console.log(fun(5,10,6))相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！相关阅读：JS的闭包与定时器JS的Dom与事件小结以上就是JavaScript数组-字符串-数学函数的详细内容

这次给大家带来怎样用CSS3制作登录框，用CSS3制作登录框的注意事项有哪些，下面就是实战案例，一起来看一下。作为一个新手，个人觉得难点在：1.阴影的使用（外框，账户栏，密码栏，button）2.账户栏，密码栏的布局3.button颜色渐变下面给出一些思路，也希望大家提供一些简洁的方法帮助更多的新手。HTML 代码如下：123456789101112131415161718192021222324252627282930<body>    <div class="wrapper">        <div class="header">Login to <span>love.ly</span></div>        <form action="" method="post">            <ul>                <li>                    <div class="text">                        <span class="yonghu"></span><input type="text" placeholder="IconDeposit">                    </div>                </li>                <li>                    <div class="password">                        <span class="mima"></span><input type="password" placeholder="••••••••••••••">                    </div>                </li>                <li class="remember">                    <input type="checkbox">Remember Me                </li>                <li>                    <a href="">Forgot username or password?</a>                </li>                <li>                    <input type="button" value="Login">                </li>            </ul>        </form>        <div class="footer">            <p>Love.ly Personal Blog .PSD Template <a href="">Copyright ©2012 Matt Gentile</a></p>            <p><a href="">Love.ly Home</a> | <a href="">Bolg            </a> | <a href="">Work</a> | <a href="">Terms of Use</a> | <a href="">Contact Me</a></p>        </div>    </div></body>123form{        background: #cccccc;        width: 260px;        height: 260px;        margin: 35px auto;        padding: 30px;        box-shadow:0px 1px 2px 1px #aaaaaa,                   inset 0px 1px 1px rgba(255,255,255,0.7);        border-radius: 3px;    }box-shadow语法：1E {box-shadow: <length> <length> <length>?<length>?||<color>}也就是：E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}换句说：对象选择器 {box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}box-shadow取值：阴影类型：此参数是一个可选值，如果不设值，其默认的投影方式是外阴影；如果取其唯一值“inset”,就是将外阴影变成内阴影，也就是说设置阴影类型为“inset”时，其投影就是内阴影；X-offset:是指阴影水平偏移量其值可以是正负值可以取正负值，如果值为正值，则阴影在对象的右边，反之其值为负值时，阴影在对象的左边；Y-offset:是指阴影的垂直偏移量，其值也可以是正负值，如果为正值，阴影在对象的底部，反之其值为负值时，阴影在对象的顶部；阴影模糊半径：此参数是可选，，但其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值是，则缩小阴影颜色：此参数可选，如果不设定任何颜色时，浏览器会取默认色，但各浏览器默认色不一样，特别是在webkit内核下的safari和chrome浏览器将无色，也就是透明，建议不要省略此参数。账户栏，密码栏的布局：账户栏，密码栏的阴影同上面的背景框的做法，就不多解释了，难点主要在如何在focus这两个input的时候如何改变整个账户栏，密码栏背景颜色。因为我们在focus的时候账户栏，密码栏中前面的小图标不能消失，所以我们用一个span标签将icon放置到input标签前面。HTML代码如下：12345<li>    <div class="text">        <span class="yonghu"></span><input type="text" placeholder="IconDeposit">    </div></li><li>    <div class="password">        <span class="mima"></span><input type="password" placeholder="••••••••••••••">    </div></li>为了达到focus的效果我们需要把input的大小调整到和div.text同样大小，这时我们发现span标签会一直占据input前面的空间，这时我们需要span使用position:absolute使其脱离文档流，调整好icon的位置后，对input使用padding-left使placeholder，以及我们focus时输入的内容右移，然后整个input就充满了账户栏，密码栏。具体的CSS样式如下：1234567ul li div{    width: 260px;    height: 40px;    background: #e1dcd8;    color: rgb(98,94,91);    box-shadow: inset 0px 2px 5px #aaaaaa;    border-radius: 5px;    position: relative;}ul li .yonghu{    font-family: iconfont;    position: absolute;    top: 12px;    left: 10px;}ul li .mima{    font-family: iconfont;    position: absolute;    top: 12px;    left: 10px;}ul li div input{    height: 40px;    width: 190px;    padding: 0 35px;    border: none;    background: #e1dcd8;    color: rgb(98,94,91);    box-shadow:            0px 1px 1px rgba(255,255,255,0.7),            inset 0px 2px 5px #aaaaaa;    border-radius: 5px;}ul li input:focus{    outline: none;    background: #f5f2ef;}我们需要先将将button的样式做出来，这里介绍一下CSS3的背景渐变属性linear-gradient：语法：1<linear-gradient>：linear-gradient([ <point>,]? <color-stop>[, <color-stop>]+);<point>：[ left | right ]? [ top | bottom ]? || <angle>?<color-stop>：<color> [ <length> | <percentage> ]?取值：left：设置左边为渐变起点的横坐标值。right：设置右边为渐变起点的横坐标值。top：设置顶部为渐变起点的纵坐标值。bottom：设置底部为渐变起点的纵坐标值。 <angle>：用角度值指定渐变的方向（或角度）。 <color-stop>：指定渐变的起止颜色。 <color>：指定颜色。请参阅颜色值 <length>：用长度值指定起止色位置。不允许负值 <percentage>：用百分比指定起止色位置。这个取色是一个比较繁琐的过程，这里可以给大家推荐一款比较讨巧的方法，使用button生成器，制作好以后把代码复制过来就好了。然后加上hover，active样式我们的button就完成了。下面是button的CSS样式：12345678910111213141516171819202122ul li input[type*="button"]{    width: 100%;    height: 40px;    font-family: Arial, Helvetica, sans-serif;    font-size: 18px;    color: #ffffff;    background: -moz-linear-gradient(            top,            #94aa64 0%,            #7a924a 50%,            #607738);    background: -webkit-gradient(            linear, left top, left bottom,            from(#94aa64),            color-stop(0.50, #7a924a),            to(#607738));    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px;    border: 1px solid #7d8862;    -moz-box-shadow:            0px 1px 0px rgba(170,170,170,1),            inset 0px 1px 1px rgba(255,255,255,0.7);    -webkit-box-shadow:            0px 1px 0px rgba(170,170,170,1),            inset 0px 1px 1px rgba(255,255,255,0.7);    box-shadow:            0px 1px 0px rgba(170,170,170,1),            inset 0px 1px 1px rgba(255,255,255,0.7);    text-shadow:            0px -1px 0px rgba(000,000,000,0.3),            0px 0px 0px rgba(255,255,255,0);}ul li input[type*="button"]:hover{    opacity: 0.8;}ul li input[type*="button"]:active{    width: 100%;    height: 40px;    font-family: Arial, Helvetica, sans-serif;    font-size: 18px;    color: #ffffff;    background: -moz-linear-gradient(            top,            #607738 0%,            #7a924a 50%,            #94aa64 );    background: -webkit-gradient(            linear, left top, left bottom,            from(#607738),            color-stop(0.50, #7a924a),            to(#94aa64));    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px;    border: 1px solid #7d8862;    -moz-box-shadow:            0px -1px 0px rgba(170,170,170,1),            inset 0px -1px 1px rgba(255,255,255,0.7);    -webkit-box-shadow:            0px -1px 0px rgba(170,170,170,1),            inset 0px -1px 1px rgba(255,255,255,0.7);    box-shadow:            0px -1px 0px rgba(170,170,170,1),            inset 0px -1px 1px rgba(255,255,255,0.7);    text-shadow:            0px 1px 0px rgba(000,000,000,0.3),            0px 0px 0px rgba(255,255,255,0);}相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！相关阅读：JS的闭包与定时器JS的时间对象与引用类型以上就是怎样用CSS3制作登录框的详细内容

这次给大家带来用React完成一个图片轮播组件，使用React完成一个图片轮播组件的注意事项有哪些，下面就是实战案例，一起来看一下。使用React实现上述功能，首先，划分组件：12<SlideMS> <SlideM/> <SlideS/><SlideMS/>组件SlideM代表中图组件，其始终维护一个state: currentMIndex,即当前的中图图片的index值。组件SlideS代表小图组件，要维护两个state: currentSIndex，currentSPage, 即当前的小图图片的index值和小图当前的页数；外层组件SlideMS 接受几个参数作为props：123<SlideMS     mediumImageArr={mediumImageArr}    eachMediumImgWidth = {616}    smallImageArr={smallImageArr}     eachSmallImgWidth = {82}/>, document.getElementById('js-img-slide'));SlideM、SlideS再从SlideMS中获取参数进行内部渲染。<SlideM     mediumImageArr={mediumImageArr}    currentMIndex={currentMIndex}    eachMediumImgWidth = {eachMediumImgWidth}    callback={(index)=>{self.setSmallIndex(index)}} /><SlideS      smallImageArr={smallImageArr}      currentSIndex={currentSIndex}      eachSmallImgWidth={eachSmallImgWidth}      eachMediumImgWidth = {eachMediumImgWidth}      callback={(index)=>{self.setMediumIndex(index)}}/>当点击中图的切换按钮时，计算图片偏移量，然后将新的currentMIndex传递给父组件，父组件setState通知两个子组件currentMIndex发生了改变；小图组件中涉及的计算比较多，可以将这些抽成方法，例如：根据给定的中图宽度计算一页有几张小图、计算小图总页数、根据给定的index值判断小图处于当前哪一页等。当点击小图组件的左右箭头时，计算图片的偏移量（首先计算一张中图里有几张小图），然后setState修改小图currentSPage的值。父组件setState通知两个子组件currentMIndex发生了改变；中图、小图组件分别在componentWillReceiveProps 里接收到了新的值的改变后，重新setState，更新组件内部的state，就实现了两者之间的通信。以上是实现的一个思路。在实际应用中，场景会复杂一些，例如，第一张图片可能存在播放视频的需求，还有当点击中图图片时，能切换到大图模式，大图模式下能正常轮播，并且在关闭大图模式时，中图和小图自动定位到刚才最后一张浏览的图片。这时会涉及稍微复杂一些的运算，需要在此基础上做一下兼容。非常尴尬的一点：图片轮播时的动画效果，依旧使用了jquery的animate.以上就是用React完成一个图片轮播组件的详细内容

这次给大家带来怎样设置默认打开360极速模式，设置默认打开360极速模式的注意事项有哪些，下面就是实战案例，一起来看一下。12345<meta charset="utf-8">    <meta name=”renderer” content=”webkit”>    <meta http-equiv=”X-UA-Compatible” content=”IE=Edge,chrome=1″ >    <meta http-equiv=Content-Type content=“text/html;>    <meta name="viewport" content="width=device-width,initial-scale=1.0">相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！相关阅读：怎么解决IE11的textarea不换行这个BUG基于jquery的一个懒加载组件怎样让Vue Es6解析为Es5语法以上就是怎样设置默认打开360极速模式的详细内容