Iframe

1.iframe 的常用属性：

name ：名称。
width：宽度。
height ：高度。
marginheight：定义 iframe 的顶部和底部的边距
marginwidth：定义 iframe 的左侧和右侧的边距
src ：规定在中显示的文档的 URL。</li> <li> <strong>frameborder</strong> ：规定是否显示 <iframe> 周围的边框。 (0为无边框，1位有边框)。</li> <li> <strong>align</strong> ：　规定如何根据周围的元素来对齐 <iframe>。不赞成使用。请使用样式代替。(left,right,top,middle,bottom)。</li> <li> <strong>scrolling</strong> ：规定是否在 <iframe> 中显示滚动条。 (yes,no,auto)</li> </ul> <pre><code><iframe id="includeFrame" ref={ref => { this.approveForm = ref; }} name="iframe" src={formKeyV} width="100%" scrolling="auto" height="450px" frameBorder="0" /> </code></pre> <h3>2.获取iframe里面的内容</h3> <pre><code>var iframe = document.getElementById("myrame"); //获取iframe标签 var iwindow = iframe.contentWindow; //获取iframe的window对象 var idoc = iwindow.document; //获取iframe的document对象 console.log(idoc.documentElement); //获取iframe的html console.log("body",idoc.body); // react const iframe = this.approveForm; const iwindow = iframe.contentWindow; const idoc = iwindow.document; // 与this.approveForm.contentDocument一致 dom.contentWindow.postMessage(JSON.stringify(data), '*'); // 后面继续postMessage </code></pre> <h3>3.iframe 的优缺点</h3> <ul> <li> <strong>优点</strong>：<br> 重载页面时不需要重载整个页面，只需要重载页面中的一个框架页（减少数据的传输，减少网页的加载时间）；<br> 技术简单，使用方便，主要应用于不需要搜索引擎来搜索的页面；<br> 方便开发，减少代码的重复率（比如页面的header，footer）；</li> <li> <strong>缺点</strong>：<br> 会产生很多的页面，不易于管理；<br> 不易打印；<br> 多框架的页面会增加服务气得http请求；<br> 浏览器的后退按钮无效等；</li> </ul> <h3>4.拓展</h3> <ul> <li><p><strong>window.postMessage()</strong><br> <strong>window.postMessage()</strong> 方法可以安全地实现跨源通信。<br> 通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 <code>Document.domain</code>设置为相同的值) 时，这两个脚本才能相互通信。<strong>window.postMessage()</strong> 方法提供了一种受控机制来规避此限制，只要正确的使用，这种方法就很安全。<br> <strong>window.postMessage()</strong>方法被调用时，会在所有页面脚本执行完毕之后（e.g., 在该方法之后设置的事件、之前设置的timeout 事件,etc.）向目标窗口派发一个 <code>MessageEvent</code>消息。该<code>MessageEvent</code>消息有四个属性需要注意： message 属性表示该message 的类型； data 属性为 <strong>window.postMessage <strong>的第一个参数；origin 属性表示调用</strong>window.postMessage()</strong> 方法时调用页面的当前状态； source 属性记录调用 <strong>window.postMessage()</strong> 方法的窗口信息</p></li> <li><p><strong>语法</strong><br> <strong>otherWindow.postMessage(message, targetOrigin, [transfer]);</strong><br> <code>otherWindow</code><br> 其他窗口的一个引用，比如iframe的contentWindow属性、执行window.open返回的窗口对象、或者是命名过或数值索引的window.frames。<br> <code>message</code><br> 将要发送到其他 window的数据。它将会被结构化克隆算法序列化。这意味着你可以不受什么限制的将数据对象安全的传送给目标窗口而无需自己序列化。[1]<br> <code>targetOrigin</code><br> 通过窗口的origin属性来指定哪些窗口能接收到消息事件，其值可以是字符串 “ * ” （表示无限制）或者一个URI，在发送消息的时候，如果目标窗口的协议、主机地址或端口这三者的任意一项不匹配targetOrigin提供的值，那么消息就不会被发送；只有三者完全匹配，消息才会被发送。这个机制用来控制消息可以发送到哪些窗口；例如，当用postMessage传送密码时，这个参数就显得尤为重要，必须保证它的值与这条包含密码的信息的预期接受者的origin属性完全一致，来防止密码被恶意的第三方截获。<strong>如果你明确的知道消息应该发送到哪个窗口，那么请始终提供一个有确切值的targetOrigin，而不是 * 。不提供确切的目标将导致数据泄露到任何对数据感兴趣的恶意站点。</strong><br> <code>transfer</code> 可选</dt><br> 是一串和message 同时传递的 <code>Transferable</code> 对象. 这些对象的所有权将被转移给消息的接收方，而发送一方将不再保有所有权。</p></li> <li><p><strong>执行如下代码, 其他window可以监听派遣的message:</strong></p></li> </ul> <pre><code>window.addEventListener("message", receiveMessage, false); function receiveMessage(event) { // For Chrome, the origin property is in the event.originalEvent // object. // 这里不准确，chrome没有这个属性 // var origin = event.origin || event.originalEvent.origin; var origin = event.origin if (origin !== "http://example.org:8080") return; // ... } </code></pre> <blockquote> <ul> <li> <strong>message 的属性有:</strong><br> <code>data:</code><br> 从其他 window 中传递过来的对象。<br> <code>origin:</code><br> 调用 <code>postMessage</code> 时消息发送方窗口的 origin . 这个字符串由协议、“://“、域名、“ : 端口号”拼接而成。例如 “<code>https://example.org</code> (隐含端口 <code>443</code>)”、“<code>http://example.net</code> (隐含端口 <code>80</code>)”、“<code>http://example.com:8080</code>”。请注意，这个origin不能保证是该窗口的当前或未来origin，因为postMessage被调用后可能被导航到不同的位置。<br> <code>source:</code><br> 对发送消息的窗口对象的引用; 您可以使用此来在具有不同origin的两个窗口之间建立双向通信。</li> </ul> </blockquote> <h1>iframe高度自适应的6个方法</h1> </article> </div> </div> </div>  <div id="SOHUCS" sid="1687621658199797760"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(Iframe)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1834905295411834880.htm" title="H5新增标签和属性" target="_blank">H5新增标签和属性</a> <span class="text-muted">yx_back</span> <a class="tag" taget="_blank" href="/search/Html/1.htm">Html</a><a class="tag" taget="_blank" href="/search/H5%E6%96%B0%E5%A2%9E%E5%B1%9E%E6%80%A7/1.htm">H5新增属性</a><a class="tag" taget="_blank" href="/search/H5%E6%96%B0%E5%A2%9E%E6%A0%87%E7%AD%BE/1.htm">H5新增标签</a> <div>H5新增标签和属性H5新增标签1、结构标签2、媒体标签3、表单标签4、其他功能标签H5新增属性1、对于js进行添加的属性。2、网页中标签中加入小图标的样式代码3、iframe新增属性4、其他属性H5全局属性可直接在标签里插入的：data-自定义属性名字；H5新增标签1、结构标签header：某个区块的头部信息/标题；section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节</div> </li> <li><a href="/article/1834445334579867648.htm" title="iframe 双向实时通信" target="_blank">iframe 双向实时通信</a> <span class="text-muted">徐同保</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>父：handleAdd()">按钮{{count}}import{onMounted,ref}from"vue";constcount=ref(0);consthandleAdd=()=>{count.value++;letiframe:any=document.getElementById('m-iframe')letmessage={target:'iframe',data:'Hello,Ia</div> </li> <li><a href="/article/1834333009592020992.htm" title="【前端UI框架】VUE ElementUI 离线文档可不联网打开" target="_blank">【前端UI框架】VUE ElementUI 离线文档可不联网打开</a> <span class="text-muted">我是Superman丶</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%BB%84%E4%BB%B6/1.htm">前端组件</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a> <div>【前端UI框架】VUEElementUI离线文档可不联网打开Element-Theworld'smostpopularVueUIframeworkElement-Theworld'smostpopularVueUIframework离线文档下载地址https://download.csdn.net/download/G971005287W/89742895文档制作第一步:克隆源代码Gitee地址:</div> </li> <li><a href="/article/1833356121453195264.htm" title="Vue中使用pdfJs预览PDF、图片" target="_blank">Vue中使用pdfJs预览PDF、图片</a> <span class="text-muted">viceen</span> <a class="tag" taget="_blank" href="/search/vue3%2Bts-%E8%BF%90%E7%BB%B4/1.htm">vue3+ts-运维</a><a class="tag" taget="_blank" href="/search/vue%E9%A1%B9%E7%9B%AE-%E8%BF%90%E7%BB%B4/1.htm">vue项目-运维</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>Vue中使用pdfJs预览PDF、图片pdf.js是一个使用HTML5构建的可移植文档格式库。它可以帮助我们在浏览器中构建pdf文档，实现在线查看pdf文件的功能。实现步骤如下：1.下载pdfJs到本地（官网下载地址），放到项目根目录下的静态资源目录static文件夹内，将文件命名为pdfJs。如下图使用iframe打开或者需要注意的是：file参数中默认只允许传简单路径比如：http://www</div> </li> <li><a href="/article/1833346920056188928.htm" title="在线预览PDF和图片" target="_blank">在线预览PDF和图片</a> <span class="text-muted">oyxm____</span> <a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>项目中遇到一个需要在线预览pdf以及图片功能，在网上找了很多插件发现都达不到理想需求，所有自己通过iframe标签自己封装了一个内嵌pdf页面通过判断当前文件流的后缀名来区分是pdf还是图片或者是其他类文档组件如下，需要的自取直接可用-->-->下载图片关闭import{online}from'@/api/system/user.js'exportdefault{props:{pdfDialog:</div> </li> <li><a href="/article/1832154121835212800.htm" title="vue前端实现打印功能" target="_blank">vue前端实现打印功能</a> <span class="text-muted">是小芳芳呀</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>方案一：window.print()这个命令默认打印整个页面的内容，所以，如果想要实现局部打印功能的话，就要重新给body赋值，并且后续执行完之后再还原回去，这样的话会造成一些非预期的结果，很麻烦，并且在当前也操作，window.document.body的内容重新渲染，打印完会有刷新，影响用户的体验，所以不推荐方案二：利用iframe，iframe.contentDocument.execCom</div> </li> <li><a href="/article/1832121609838751744.htm" title="html如何嵌套页面？<iframe>标签告诉你答案" target="_blank">html如何嵌套页面？<iframe>标签告诉你答案</a> <span class="text-muted">PHP9年架构师</span> <div>本篇文章主要为大家介绍了htmliframe标签的介绍，让大家知道怎么通过iframe标签来为网页嵌套页面，内容很简单，大家照着这上面的来，多实践几次就懂了。希望大家都能好好学习，现在让我们来看这篇文章吧。web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）在这里小编首先介绍的是HTML中iframe标签的用法：怎么在一个网页中嵌入另一个网页呢，我们可以用html中的iframe标签搞定</div> </li> <li><a href="/article/1831573115201744896.htm" title="【HTTP、Web常用协议等等】前端八股文面试题" target="_blank">【HTTP、Web常用协议等等】前端八股文面试题</a> <span class="text-muted">菜鸟una</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%85%AB%E8%82%A1%E6%96%87%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前端八股文面试题</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a> <div>HTTP、Web常用协议等等文章目录HTTP、Web常用协议等等1.网络请求的状态码有哪些？1）1xx信息性状态码2）2xx成功状态码3）3xx重定向状态码4）4xx客户端错误状态码5）5xx服务器错误状态码2.在Web开发中常用的协议和标准有哪些？1）协议2）标准3.如何处理跨域问题？1）CORS（跨源资源共享）2）JSONP（JSONwithPadding）3）代理4）iframe+postM</div> </li> <li><a href="/article/1831285215507607552.htm" title="前端开发这次几个非常经典的常用技巧，学会了之后事半功倍！" target="_blank">前端开发这次几个非常经典的常用技巧，学会了之后事半功倍！</a> <span class="text-muted">学掌门</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E5%BC%80%E5%8F%91/1.htm">软件开发</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E5%BC%80%E5%8F%91/1.htm">软件开发</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>对于一个刚入前端的新手来说，在前端开发过程中会遇到各种各样的麻烦和坑，这样很多时候回让开发者的信息受到打击，作为一个稍微好一点的前端菜鸟来说，今天就给刚入前端的新手们分享一些比较实用的开发技巧，让之少走一些弯路。1.如何知道iframe下载完成做数据分析，一共分几步？定时器轮询监听readyState的状态，如果是complete或者interactive说明文件加载完成。letiframe=do</div> </li> <li><a href="/article/1830172509216010240.htm" title="Docker系列深度使用nextcloud（六）在博客中嵌入视频" target="_blank">Docker系列深度使用nextcloud（六）在博客中嵌入视频</a> <span class="text-muted">Bensz</span> <div>转自我的个人博客https://blognas.hwb0307.com。欢迎关注！前言主要的灵感来源于某个知乎用户说TA想要上传视频到自己的博客中。其实我个人觉得，最佳的方案就是将视频上传到公共平台，然后获取iframe脚本进行插入。比如，我要插入视频：【罗翔】我们为什么要读书？感觉这个效果已经不错。不过，也许有某些小伙伴有一些别的要求。比如，他想上传自己的视频到自己的博客，但又不想其它人可以随便</div> </li> <li><a href="/article/1828634390066982912.htm" title="vue中内嵌iframe的src更新页面未刷新问题的解决方法" target="_blank">vue中内嵌iframe的src更新页面未刷新问题的解决方法</a> <span class="text-muted">前端-七木</span> <a class="tag" taget="_blank" href="/search/Vue3/1.htm">Vue3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>--写项目又叕叕遇到问题了--vue中内嵌iframe的src，虽然是定义变量动态获取src如下--但是iframe的内部页面没更新原因：iframe的src中如果带hash=>#,src改变是不会刷新的内部页面的，我在网上找了一个最简单的写法之一来解决这个问题，加上一个:k属性，说是强制刷新。我也看其他的说是iframe页面未重新渲染导致的啥数值没改变出现的问题。解决方式如图--加上:key属性</div> </li> <li><a href="/article/1827604646374502400.htm" title="ffmpeg 格式转换" target="_blank">ffmpeg 格式转换</a> <span class="text-muted">AI算法网奇</span> <a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91%E7%BC%96%E8%A7%A3%E7%A0%81/1.htm">视频编解码</a><a class="tag" taget="_blank" href="/search/ffmpeg/1.htm">ffmpeg</a> <div>目录python版ffmpeg图片转mp41.提取每一帧并保存为图片2.每秒保存一帧python版pipinstallffmpeg-pythonffmpeg图片转mp4如果你的图片命名为frame_0001.jpg、frame_0002.jpg，并且存储在同一目录下，可以运行以下命令：ffmpeg-framerate30-iframe_%04d.jpg-c:vlibx264-pix_fmtyuv4</div> </li> <li><a href="/article/1827593804136411136.htm" title="vue 下载多个文件" target="_blank">vue 下载多个文件</a> <span class="text-muted">cesium vue</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E4%B8%8B%E8%BD%BD%E5%A4%9A%E4%B8%AA%E6%96%87%E4%BB%B6/1.htm">下载多个文件</a> <div>问题：window.location.href连续发起下载请求时，只能下载一次。解决：//多次下载文件exportfunctiondownloadFile(url){constiframe=document.createElement("iframe");iframe.style.display="none";//防止影响页面iframe.style.height=0;//防止影响页面iframe</div> </li> <li><a href="/article/1827590906782511104.htm" title="vue项目一次性下载多个文件" target="_blank">vue项目一次性下载多个文件</a> <span class="text-muted">正在呼吸</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>这是我的前端文件放的位置，我的需求是点击按钮可以下载多个模板varurlList=[]urlList.push('/template/xxx.xlsx')urlList.push('/template/xxx.xlsx')urlList.push('/template/xxx.xlsx')for(leti=0;i{iframe.remove()},3*1000)}</div> </li> <li><a href="/article/1827162999987728384.htm" title="【avue+vue2】avue-token,iframe,postmessage,3d按钮权限显隐，avue列表数据过长省略和tooltip，选择框不要勾选" target="_blank">【avue+vue2】avue-token,iframe,postmessage,3d按钮权限显隐，avue列表数据过长省略和tooltip，选择框不要勾选</a> <span class="text-muted">傻傻有内涵的我</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/avue/1.htm">avue</a><a class="tag" taget="_blank" href="/search/HTML%E5%AD%A6%E4%B9%A0/1.htm">HTML学习</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>目录一、avue字典+token二、3diframe三、postmessage四、3d按钮权限五、avue列表数据过长省略+tooltip六、选择框不要勾选（avue）一、avue字典+token{label:'车型',prop:'amrModelShowName',//width:130,span:20,labelWidth:'180',row:true,type:'select',align:</div> </li> <li><a href="/article/1827144091067052032.htm" title="关于JS触发浏览器流文件下载的方式" target="_blank">关于JS触发浏览器流文件下载的方式</a> <span class="text-muted">dgiij</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/edge%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">edge浏览器</a> <div>前面大家也看到了，我比较喜欢用form提交来下载，虽然会带来一个标签页的问题，但是form支持POST方式提交，传参比GET方式要好用一些，特别是在body里传参数可以不用考虑编码问题，在一些汉字等特殊字符场景中有优势。如果不用考虑编码方案或者有好的解决方案，仅用query和params就足够的话，那么可以用GET方式的A元素点击或者iframe元素加载来触发浏览器下载。个人推荐iframe方式，</div> </li> <li><a href="/article/1826941264197677056.htm" title="html文件运行后界面反馈xxx拒绝连接" target="_blank">html文件运行后界面反馈xxx拒绝连接</a> <span class="text-muted">沐曦可期</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>概述：我的html代码中包含了外站界面，运行后界面反馈到xxx拒绝连接，我尝试了网上的诸多方法，例如换一个浏览器运行，修改主机网络设置，更改浏览器DNS都没有作用。innerinner运行后的界面如下：问题解析：这个问题可能是因为指定的地址的网页启用了X-Frame-Options或Content-Security-Policy头部，禁止其页面被嵌入到iframe中。这样做是为了防止点击劫持攻击。</div> </li> <li><a href="/article/1826399658948259840.htm" title="vue 文件批量下载通用方法[streamSaver和FileSaver]" target="_blank">vue 文件批量下载通用方法[streamSaver和FileSaver]</a> <span class="text-muted">小废_Lipp</span> <a class="tag" taget="_blank" href="/search/vue%E9%A1%B9%E7%9B%AE%E9%97%AE%E9%A2%98%E7%A7%AF%E7%B4%AF/1.htm">vue项目问题积累</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>方案1.循环url地址数组创建iframe标签循环url地址数组创建iframe标签下载的方法，但浏览器有限制，超过10个文件将不能下载，最多下载10个。//arr是要下载的文件列表for(leti=0;i{iframe.remove()},1000)}方案2.responseType:‘blob’+a标签可解决下载数量限制问题，但是浏览器的内存非常有限，对大文件的下载，不建议此方法。constd</div> </li> <li><a href="/article/1767891925228126208.htm" title="文件预览（img,doc,pdf,xls）" target="_blank">文件预览（img,doc,pdf,xls）</a> <span class="text-muted">weixin45622719</span> <a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>直接代码//图片直接用img标签展示//非图片用iframe标签展示粘贴一下vue组件代码可直接使用/*oss文件地址前缀*/importwebsitefrom"@/const/website.js";exportdefault{data(){return{open:false,width:"",title:"",url:"",isWordSuffer:["doc","docx"],isImgSu</div> </li> <li><a href="/article/1764624724123541504.htm" title="HTML案例/form标签/frameset标签-（html补充）" target="_blank">HTML案例/form标签/frameset标签-（html补充）</a> <span class="text-muted">小山居</span> <div>HTML案例/form标签/frameset标签一。简历模板image.png简历作业简历作业基本情况姓名性别民族出生年月政治面貌健康籍贯学历电子信箱联系电话专业毕业院校求职意向教育情况时间院校专业学历培训经历时间培训机构课程证书二。内嵌标签学习iframe1.src:要显示的网页资源路径可以是本地(相对路径)也可以是网络资源(URL)注意:默认当前页面打开及加载src指向的资源2.width:设</div> </li> <li><a href="/article/1763541714519285760.htm" title="元素定位不到原因及解决办法" target="_blank">元素定位不到原因及解决办法</a> <span class="text-muted">ciwei24456</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a> <div>1.Frame/Iframe原因定位不到元素：这个是最常见的原因，首先要理解下frame的实质，frame中实际上是嵌入了另一个页面，而webdriver每次只能在一个页面识别，因此需要先定位到相应的frame，对那个页面里的元素进行定位。解决方案：如果iframe有name或id的话，直接使用switch_to_frame(“name值”)或switch_to_frame(“id值”)。如下：d</div> </li> <li><a href="/article/1761435096642052096.htm" title="web前端安全性——iframe安全问题" target="_blank">web前端安全性——iframe安全问题</a> <span class="text-muted">장숙혜</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%AE%89%E5%85%A8%E6%80%A7/1.htm">前端安全性</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>1、概念iframe安全问题可称作界面劫持，像点击劫持、拖放劫持、触屏劫持。就是我们的点击，拖放，触屏操作被劫持了，而去操作了其它的透明隐藏的界面。**原理是利用透明层iframe,使用了CSS中的opacity或z-index等属性，来到达透明和位于其它界面的上方，然后使用iframe来嵌入劫持页面。**到达了用户操作的不是它看到的界面，不是他以为的那个界面，而是那个透明的位于上层的界面。代码：</div> </li> <li><a href="/article/1759953539448270848.htm" title="微信小程序嵌入 H5 页面（web-view）" target="_blank">微信小程序嵌入 H5 页面（web-view）</a> <span class="text-muted">@航空母舰</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>在开发微信小程序的时候，我们有时候会遇到将H5页面嵌入到小程序页面中的情况；微信小程序自带的web-view组件相当于HTML页面中的iframe，方便我们在微信小程序中打开一个H5页面；从微信小程序基础库1.6.4开始，我们就可以在小程序内放置一个组件来链接我们的HTML页面了。官网描述：承载网页的容器；会自动铺满整个小程序页面，个人类型的小程序暂不支持使用；所以使用这个组件，必须是在企业号小程</div> </li> <li><a href="/article/1759883656014426112.htm" title="vue预览本地pdf文件方法之iframe" target="_blank">vue预览本地pdf文件方法之iframe</a> <span class="text-muted">菜鸟茜</span> <a class="tag" taget="_blank" href="/search/VUE/1.htm">VUE</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/pdf%E9%A2%84%E8%A7%88/1.htm">pdf预览</a> <div>之前试了两种方法1、vue预览本地pdf文件方法之a标签2、vue预览本地pdf文件方法之vue-pdf组件都不符合需求想要的效果方法1只是重新打开窗口，适用于pdf预览简单需求方法2因为是单页展现，还需要上一页下一页的切换，也不合适最后我试了一下iframe刚好满足我的需求废话不多说，直接上代码：最核心一句代码只需要一句代码预览效果还自带下载和打印功能完整代码行业资料exportdefault{</div> </li> <li><a href="/article/1759708461186248704.htm" title="前端面试题集合" target="_blank">前端面试题集合</a> <span class="text-muted">至尊丨楷君</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>跨域跨域：首先同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源,jsonp，iframe标签的src属性，前端nginx配置反向代理，nodejs中间件代理跨域或者设置cors允许所有域名访问，前端使用webpackdevserver中的proxy选项来设置代理，websocket不受同源策略限制。This指向在全局作用域中，this指向全局对象（在浏览器环境中</div> </li> <li><a href="/article/1759666431751974912.htm" title="HTML世界核心" target="_blank">HTML世界核心</a> <span class="text-muted">阳阳大魔王</span> <a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>目录一、基本文档（BasicDocumentation)二、基本标签（BasicTags）三、文本格式化（Formatting）四、链接（Links）五、图片（Images）六、样式/区块（Styles/Sections）七、无序列表（DisorderList）八、有序列表（SequenceList）九、定义列表（DefiningList）十、表格（Tables）十一、框架（Iframe）十二、表</div> </li> <li><a href="/article/1757953826473656320.htm" title="iframe父子页面互调（利用postMessage解决跨域问题）" target="_blank">iframe父子页面互调（利用postMessage解决跨域问题）</a> <span class="text-muted">漫漫江雪</span> <div>最近一个需求涉及父子页面调用，页面还是不同域下的。image.png父页面：(iframe中子页面是在另一域下)iframe父子页面互调子页面调用父页面的postMessage，来促使父页面数据更新父页面调用子页面方法调用子页面的函数window.addEventListener('message',function(e){console.log(e.data);vardata=e.data;if</div> </li> <li><a href="/article/1757637028691853312.htm" title="html中引入调用另一个html的方法" target="_blank">html中引入调用另一个html的方法</a> <span class="text-muted">金星show</span> <div>html中引入调用另一个html的方法，尝试了好几种，都列出来：其中第一种是最好的，其他的方法，可以尝试看看，是不是适合你当前项目一、div+$(“#page1”).load(“b.html”)参考代码：$("#page1").load("page/Page_1.html");$("#page2").load("page/Page_2.html");二、iframe参考代码：三、object引入参</div> </li> <li><a href="/article/1757634043182071808.htm" title="【UI自动化测试技术】自动化测试研究：Python+Selenium+Pytest+Allure,详解UI自动化测试，iframe、窗口等控件切换（精）(五)" target="_blank">【UI自动化测试技术】自动化测试研究：Python+Selenium+Pytest+Allure,详解UI自动化测试，iframe、窗口等控件切换（精）(五)</a> <span class="text-muted">梦断南楼</span> <a class="tag" taget="_blank" href="/search/UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95%E6%8A%80%E6%9C%AF%E7%A0%94%E7%A9%B6/1.htm">UI自动化测试技术研究</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a> <div>导言在上一篇文章里，我们一起学习了键盘事件、鼠标事件以及其它的一些特殊情况的处理。这篇文章我们一起学习Selenium中一些特殊窗口以及iframe，如何处理。学习目标了解对浏览器的基本功能操作（本节重点）学习如何对弹窗进行操作（本节重点）学习如何应对出现iframe框架时的解决方案学习对浏览器窗口的基本操作浏览器基本导航操作#导包fromseleniumimportwebdriverfromti</div> </li> <li><a href="/article/1757566880639369216.htm" title="Intermediate：HTML 中的 iframe" target="_blank">Intermediate：HTML 中的 iframe</a> <span class="text-muted">新华</span> <a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/%E6%95%99%E7%A8%8B/1.htm">教程</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>HTML的标签支持将一个HTML页面集成到另一个页面中，从而形成内联框架。它通常用于广告、视频、分析和交互式内容，它创建了一个矩形区域，用于嵌入网页和父文档之间的无缝交互，由JavaScript促进。如何在HTML中使用iframeiFrame的目的是允许从其他网站共享内容。如果您希望为读者提供有关某个主题的上下文，您可以添加iframe标签。标记可用于将iframe元素插入到HTML文档中。在记</div> </li> <li><a href="/article/42.htm" title="jQuery 键盘事件keydown ,keypress ,keyup介绍" target="_blank">jQuery 键盘事件keydown ,keypress ,keyup介绍</a> <span class="text-muted">107x</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/keydown/1.htm">keydown</a><a class="tag" taget="_blank" href="/search/keypress/1.htm">keypress</a><a class="tag" taget="_blank" href="/search/keyup/1.htm">keyup</a> <div>本文章总结了下些关于jQuery 键盘事件keydown ,keypress ,keyup介绍，有需要了解的朋友可参考。一、首先需要知道的是： 1、keydown() keydown事件会在键盘按下时触发. 2、keyup()  代码如下复制代码 $('input').keyup(funciton(){     &nbsp</div> </li> <li><a href="/article/169.htm" title="AngularJS中的Promise" target="_blank">AngularJS中的Promise</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/Promise/1.htm">Promise</a> <div>一.Promise         Promise是一个接口，它用来处理的对象具有这样的特点：在未来某一时刻（主要是异步调用）会从服务端返回或者被填充属性。其核心是，promise是一个带有then()函数的对象。         为了展示它的优点，下面来看一个例子，其中需要获取用户当前的配置文件： var cu</div> </li> <li><a href="/article/296.htm" title="c++ 用数组实现栈类" target="_blank">c++ 用数组实现栈类</a> <span class="text-muted">CrazyMizzz</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a> <div>#include<iostream> #include<cassert> using namespace std; template<class T, int SIZE = 50> class Stack{ private: T list[SIZE];//数组存放栈的元素 int top;//栈顶位置 public: Stack(</div> </li> <li><a href="/article/423.htm" title="java和c语言的雷同" target="_blank">java和c语言的雷同</a> <span class="text-muted">麦田的设计者</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%80%92%E5%BD%92/1.htm">递归</a><a class="tag" taget="_blank" href="/search/scaner/1.htm">scaner</a> <div>软件启动时的初始化代码，加载用户信息2015年5月27号从头学java二 1、语言的三种基本结构：顺序、选择、循环。废话不多说，需要指出一下几点：      a、return语句的功能除了作为函数返回值以外，还起到结束本函数的功能，return后的语句不会再继续执行。      b、for循环相比于whi</div> </li> <li><a href="/article/550.htm" title="LINUX环境并发服务器的三种实现模型" target="_blank">LINUX环境并发服务器的三种实现模型</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>服务器设计技术有很多，按使用的协议来分有TCP服务器和UDP服务器。按处理方式来分有循环服务器和并发服务器。 1  循环服务器与并发服务器模型在网络程序里面，一般来说都是许多客户对应一个服务器，为了处理客户的请求，对服务端的程序就提出了特殊的要求。目前最常用的服务器模型有： ·循环服务器：服务器在同一时刻只能响应一个客户端的请求 ·并发服务器：服</div> </li> <li><a href="/article/677.htm" title="Oracle数据库查询指令" target="_blank">Oracle数据库查询指令</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/oracle%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">oracle数据库</a> <div>20140920   单表查询 -- 查询************************************************************************************************************ -- 使用scott用户登录   -- 查看emp表   desc emp   </div> </li> <li><a href="/article/804.htm" title="ext右下角浮动窗口" target="_blank">ext右下角浮动窗口</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/ext/1.htm">ext</a> <div>第一种 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/</div> </li> <li><a href="/article/931.htm" title="浅谈REDIS数据库的键值设计" target="_blank">浅谈REDIS数据库的键值设计</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>http://www.cnblogs.com/aidandan/ 原文地址：http://www.hoterran.info/redis_kv_design 丰富的数据结构使得redis的设计非常的有趣。不像关系型数据库那样，DEV和DBA需要深度沟通，review每行sql语句，也不像memcached那样，不需要DBA的参与。redis的DBA需要熟悉数据结构，并能了解使用场景。 </div> </li> <li><a href="/article/1058.htm" title="maven编译可执行jar包" target="_blank">maven编译可执行jar包</a> <span class="text-muted">alleni123</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>http://stackoverflow.com/questions/574594/how-can-i-create-an-executable-jar-with-dependencies-using-maven <build> <plugins> <plugin> <artifactId>maven-asse</div> </li> <li><a href="/article/1185.htm" title="人力资源在现代企业中的作用" target="_blank">人力资源在现代企业中的作用</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/HR+%E4%BC%81%E4%B8%9A%E7%AE%A1%E7%90%86/1.htm">HR 企业管理</a> <div>//人力资源在在企业中的作用人力资源为什么会存在，人力资源究竟是干什么的人力资源管理是对管理模式一次大的创新，人力资源兴起的原因有以下点：工业时代的国际化竞争，现代市场的风险管控等等。所以人力资源在现代经济竞争中的优势明显的存在，人力资源在集团类公司中存在着明显的优势(鸿海集团)，有一次笔者亲自去体验过红海集团的招聘，只知道人力资源是管理企业招聘的当时我被招聘上了，当时给我们培训的人</div> </li> <li><a href="/article/1312.htm" title="Linux自启动设置详解" target="_blank">Linux自启动设置详解</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>linux有自己一套完整的启动体系，抓住了linux启动的脉络，linux的启动过程将不再神秘。阅读之前建议先看一下附图。本文中假设inittab中设置的init tree为： /etc/rc.d/rc0.d /etc/rc.d/rc1.d /etc/rc.d/rc2.d /etc/rc.d/rc3.d /etc/rc.d/rc4.d /etc/rc.d/rc5.d /etc</div> </li> <li><a href="/article/1439.htm" title="Spring Aop Schema实现" target="_blank">Spring Aop Schema实现</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a> <div>本例使用的是Spring2.5 1.Aop配置文件spring-aop.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmln</div> </li> <li><a href="/article/1566.htm" title="【Gson七】Gson预定义类型适配器" target="_blank">【Gson七】Gson预定义类型适配器</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/gson/1.htm">gson</a> <div>Gson提供了丰富的预定义类型适配器，在对象和JSON串之间进行序列化和反序列化时，指定对象和字符串之间的转换方式，   DateTypeAdapter   public final class DateTypeAdapter extends TypeAdapter<Date> { public static final TypeAdapterFacto</div> </li> <li><a href="/article/1693.htm" title="【Spark八十八】Spark Streaming累加器操作（updateStateByKey)" target="_blank">【Spark八十八】Spark Streaming累加器操作（updateStateByKey)</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/update/1.htm">update</a> <div>在实时计算的实际应用中，有时除了需要关心一个时间间隔内的数据，有时还可能会对整个实时计算的所有时间间隔内产生的相关数据进行统计。比如：对Nginx的access.log实时监控请求404时，有时除了需要统计某个时间间隔内出现的次数，有时还需要统计一整天出现了多少次404，也就是说404监控横跨多个时间间隔。   Spark Streaming的解决方案是累加器，工作原理是，定义</div> </li> <li><a href="/article/1820.htm" title="linux系统下通过shell脚本快速找到哪个进程在写文件" target="_blank">linux系统下通过shell脚本快速找到哪个进程在写文件</a> <span class="text-muted">ronin47</span> <div>一个文件正在被进程写我想查看这个进程文件一直在增大找不到谁在写使用lsof也没找到这个问题挺有普遍性的，解决方法应该很多，这里我给大家提个比较直观的方法。 linux下每个文件都会在某个块设备上存放，当然也都有相应的inode, 那么透过vfs.write我们就可以知道谁在不停的写入特定的设备上的inode。幸运的是systemtap的安装包里带了inodewatch.stp，位</div> </li> <li><a href="/article/1947.htm" title="java-两种方法求第一个最长的可重复子串" target="_blank">java-两种方法求第一个最长的可重复子串</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div> import java.util.Arrays; import java.util.Collections; import java.util.List; public class MaxPrefix { public static void main(String[] args) { String str="abbdabcdabcx"; </div> </li> <li><a href="/article/2074.htm" title="Netty源码学习-ServerBootstrap启动及事件处理过程" target="_blank">Netty源码学习-ServerBootstrap启动及事件处理过程</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>Netty是采用了Reactor模式的多线程版本，建议先看下面这篇文章了解一下Reactor模式： http://bylijinnan.iteye.com/blog/1992325 Netty的启动及事件处理的流程，基本上是按照上面这篇文章来走的文章里面提到的操作，每一步都能在Netty里面找到对应的代码其中Reactor里面的Acceptor就对应Netty的ServerBo</div> </li> <li><a href="/article/2201.htm" title="servelt filter listener 的生命周期" target="_blank">servelt filter listener 的生命周期</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/filter/1.htm">filter</a><a class="tag" taget="_blank" href="/search/listener/1.htm">listener</a><a class="tag" taget="_blank" href="/search/servelt/1.htm">servelt</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F/1.htm">生命周期</a> <div>1. servlet    当第一次请求一个servlet资源时，servlet容器创建这个servlet实例，并调用他的 init(ServletConfig config)做一些初始化的工作，然后调用它的service方法处理请求。当第二次请求这个servlet资源时，servlet容器就不在创建实例，而是直接调用它的service方法处理请求，也就是说</div> </li> <li><a href="/article/2328.htm" title="jmpopups获取input元素值" target="_blank">jmpopups获取input元素值</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>jmpopups 获取弹出层form表单首先，我有一个div，里面包含了一个表单，默认是隐藏的，使用jmpopups时，会弹出这个隐藏的div，其实jmpopups是将我们的代码生成一份拷贝。当我直接获取这个form表单中的文本框时，使用方法：$('#form input[name=test1]').val()；这样是获取不到的。我们必须到jmpopups生成的代码中去查找这个值，$(</div> </li> <li><a href="/article/2455.htm" title="vi查找替换命令详解" target="_blank">vi查找替换命令详解</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/%E6%9B%BF%E6%8D%A2/1.htm">替换</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E6%89%BE/1.htm">查找</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a> <div>一、查找查找命令 /pattern<Enter> ：向下查找pattern匹配字符串 ?pattern<Enter>：向上查找pattern匹配字符串使用了查找命令之后，使用如下两个键快速查找： n：按照同一方向继续查找 N：按照反方向查找字符串匹配 pattern是需要匹配的字符串，例如： 1:  /abc<En</div> </li> <li><a href="/article/2582.htm" title="对网站中的js,css文件进行打包" target="_blank">对网站中的js,css文件进行打包</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%89%93%E5%8C%85/1.htm">打包</a> <div>一，为什么要用smarty进行打包 apache中也有给js,css这样的静态文件进行打包压缩的模块，但是本文所说的不是以这种方式进行的打包，而是和smarty结合的方式来把网站中的js,css文件进行打包。为什么要进行打包呢，主要目的是为了合理的管理自己的代码 。现在有好多网站，你查看一下网站的源码的话，你会发现网站的头部有大量的JS文件和CSS文件，网站的尾部也有可能有大量的J</div> </li> <li><a href="/article/2709.htm" title="php Yii: 出现undefined offset 或者 undefined index解决方案" target="_blank">php Yii: 出现undefined offset 或者 undefined index解决方案</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/undefined/1.htm">undefined</a> <div>在开发Yii 时，在程序中定义了如下方式：        if($this->menuoption[2] === 'test')，那么在运行程序时会报：undefined offset:2，这样的错误主要是由于php.ini 里的错误等级太高了，在windows下错误等级</div> </li> <li><a href="/article/2836.htm" title="linux 文件格式（1） sed工具" target="_blank">linux 文件格式（1） sed工具</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/linux+sed%E5%B7%A5%E5%85%B7/1.htm">linux sed工具</a><a class="tag" taget="_blank" href="/search/sed%E5%B7%A5%E5%85%B7/1.htm">sed工具</a><a class="tag" taget="_blank" href="/search/linux+sed%E8%AF%A6%E8%A7%A3/1.htm">linux sed详解</a> <div>转载请出自出处： http://eksliang.iteye.com/blog/2106082 简介       sed 是一种在线编辑器，它一次处理一行内容。处理时，把当前处理的行存储在临时缓冲区中，称为“模式空间”（pattern space），接着用sed命令处理缓冲区中的内容，处理完成后，把缓冲区的内容送往屏幕。接着处理下一行，这样不断重复，直到文件末尾</div> </li> <li><a href="/article/2963.htm" title="Android应用程序获取系统权限" target="_blank">Android应用程序获取系统权限</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>引用如何使Android应用程序获取系统权限         第一个方法简单点，不过需要在Android系统源码的环境下用make来编译：         1. 在应用程序的AndroidManifest.xml中的manifest节点</div> </li> <li><a href="/article/3090.htm" title="HoverTree开发日志之验证码" target="_blank">HoverTree开发日志之验证码</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a><a class="tag" taget="_blank" href="/search/webform/1.htm">webform</a> <div>HoverTree是一个ASP.NET的开源CMS，目前包含文章系统，图库和留言板功能。代码完全开放，文章内容页生成了静态的HTM页面，留言板提供留言审核功能，文章可以发布HTML源代码，图片上传同时生成高品质缩略图。推出之后得到许多网友的支持，再此表示感谢！留言板不断收到许多有益留言，但同时也有不少广告，因此决定在提交留言页面增加验证码功能。ASP.NET验证码在网上找，如果不是很多，就是特别多</div> </li> <li><a href="/article/3217.htm" title="JSON API：用 JSON 构建 API 的标准指南中文版" target="_blank">JSON API：用 JSON 构建 API 的标准指南中文版</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>译文地址：https://github.com/justjavac/json-api-zh_CN 如果你和你的团队曾经争论过使用什么方式构建合理 JSON 响应格式，那么 JSON API 就是你的 anti-bikeshedding 武器。通过遵循共同的约定，可以提高开发效率，利用更普遍的工具，可以是你更加专注于开发重点：你的程序。基于 JSON API 的客户端还能够充分利用缓存，</div> </li> <li><a href="/article/3344.htm" title="数据结构随记_2" target="_blank">数据结构随记_2</a> <span class="text-muted">lx.asymmetric</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>第三章 栈与队列一．简答题 1. 在一个循环队列中，队首指针指向队首元素的  前一个    位置。  2.在具有n个单元的循环队列中，队满时共有  n-1  个元素。  3. 向栈中压入元素的操作是先  移动栈顶指针&n</div> </li> <li><a href="/article/3471.htm" title="Linux下的监控工具dstat" target="_blank">Linux下的监控工具dstat</a> <span class="text-muted">网络接口</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>1) 工具说明dstat是一个用来替换 vmstat,iostat netstat,nfsstat和ifstat这些命令的工具, 是一个全能系统信息统计工具. 与sysstat相比, dstat拥有一个彩色的界面, 在手动观察性能状况时, 数据比较显眼容易观察; 而且dstat支持即时刷新, 譬如输入dstat 3, 即每三秒收集一次, 但最新的数据都会每秒刷新显示. 和sysstat相同的是, </div> </li> <li><a href="/article/3598.htm" title="C 语言初级入门--二维数组和指针" target="_blank">C 语言初级入门--二维数组和指针</a> <span class="text-muted">1140566087</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a><a class="tag" taget="_blank" href="/search/c%2Fc%2B%2B/1.htm">c/c++</a><a class="tag" taget="_blank" href="/search/%E6%8C%87%E9%92%88/1.htm">指针</a> <div>/* 二维数组的定义和二维数组元素的引用二维数组的定义：当数组中的每个元素带有两个下标时，称这样的数组为二维数组； (逻辑上把数组看成一个具有行和列的表格或一个矩阵); 语法：类型名数组名[常量表达式1][常量表达式2] 二维数组的引用：引用二维数组元素时必须带有两个下标，引用形式如下：例如： int a[3][4];  引用：</div> </li> <li><a href="/article/3725.htm" title="10点睛Spring4.1-Application Event" target="_blank">10点睛Spring4.1-Application Event</a> <span class="text-muted">wiselyman</span> <a class="tag" taget="_blank" href="/search/application/1.htm">application</a> <div>10.1 Application Event Spring使用Application Event给bean之间的消息通讯提供了手段应按照如下部分实现bean之间的消息通讯继承ApplicationEvent类实现自己的事件实现继承ApplicationListener接口实现监听事件使用ApplicationContext发布消息 </div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>