你想捕获这样的括号组.,  bootstrap是一个响应

2019-08-10 作者:小鱼儿主页高手论坛   |   浏览(181)

js 复制到剪切板   js 剪切板   js实现画图功能   js实现复制   复制到剪切板 剪切变成复制   剪切功能   右键剪切变成复制   vb 复制到剪切板   剪切与复制

什么时候会用到递归正则表达式呢? 当然是待匹配的字串中递归地出现某种模式时(貌似废话). 最经典的例子, 就是递归正则处理嵌套括号的问题了. 例子如下.

bootstrap3 兼容IE8浏览器,bootstrap3ie8

  近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等,bootstrap都已经预先定义好了,当我们制作网页上,只需直接调用里面的css即可

  bootstrap是一个响应式的布局,你可以在宽屏电脑、普通电脑,平板电脑,手机上都得到非常优秀的布局体验。这种响应式的布局正是通过CSS3的媒体查询(Media Query)功能实现的,根据不同的分辨率来匹配不同的样式。IE8浏览器并不支持这一优秀的Css3特性,Bootstrap在开发文档中写了如何使用进行兼容IE8,如果想兼容IE6,IE7,可以搜索bsie (bootstrap2)

  Bootstrap在IE8中肯定不如Chrome、Firefox、IE11那么完美,部分组件不保证完全兼容,还是要Hack的

1、使用html5声明

<!DOCTYPE html>
这里不可以有空格
<html>

注:写成<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "

2、加入meta标签

确定显示此网页的IE版本

<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />

注:bootstrap不支持IE兼容模式,为了让IE浏览器运行最新的渲染模式,将添加以上标签在页面中,IE=edge表示强制使用IE最新内核,chrome=1表示如果安装了针对IE6/7/8等版本的浏览器插件Google Chrome Frame

3、引入bootstrap文件

<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">

4、引入html5shiv.min.js和respond.min.js

   让不(完全)支持html5的浏览器“支持”html5标签

<!--[if lt IE 9]>
<script src="js/bootstrap/html5shiv.min.js"></script>
<script src="js/bootstrap/respond.min.js"></script>
<![endif]-->

5、添加1.X版本的Jquery库

<script src="js/bootstrap/jquery-1.12.0.min.js"></script>

6、在IE8下测试,发现一个问题placeholder不被支持,下面是解决IE支持placeholder的方法,本文引用的jquery是1.12.0测试通过,先引用jquery

<script type="text/javascript" src="js/bootstrap/jquery-1.12.0.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

也可以用其他的jquery版本,再引入

<script type="text/javascript" src="js/bootstrap/jquery.placeholder.js"></script>

然后在文件中加入一下代码

<script type="text/javascript">
    $(function () {
        $('input, textarea').placeholder();
    });
</script>

代码总结如下:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta name="author" content="zhy" />
    <title>ie8</title>
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
    <!--[if lte IE 9]>
    <script src=js/bootstrap/respond.min.js"></script>
    <script src=js/bootstrap/html5shiv.min.js"></script>
    <![endif]-->
    <script src="js/bootstrap/jquery-1.12.0.min.js"></script>
    <script src="js/bootstrap/bootstrap.min.js"></script>
</head>
<body>
</body>
</html>

附注:

1、IE下判断IE版本的语句

<!--[if lte IE 6]>
<![endif]-->
IE6及其以下版本可见

<!--[if lte IE 7]>
<![endif]-->
IE7及其以下版本可见

<!--[if IE 6]>
<![endif]-->
只有IE6版本可见

<![if !IE]>
<![endif]>
除了IE以外的版本

<!--[if lt IE 8]>
<![endif]-->
IE8以下的版本可见

<!--[if gte IE 7]>
<![endif]-->
IE7及大于IE7的版本可见

lte:就是Less than or equal to的简写,也就是小于或等于的意思。
lt :就是Less than的简写,也就是小于的意思。
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
gt :就是Greater than的简写,也就是大于的意思。
! : 就是不等于的意思,跟javascript里的不等于判断符相同

2、bootstrap3相关css、js

   下载地址:

     jquery.placeholder.js文件的下载地址

 

兼容IE8浏览器,bootstrap3ie8 近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单、按钮组、按钮下拉菜...

jQuery orbit 幻灯片,jqueryorbit幻灯片

<SCRIPT language=JavaScript>
function copy(ob){
var obj=findObj(ob); if (obj) {
小鱼儿主页高手论坛,obj.select();js=obj.createTextRange();js.execCommand("Copy");}
}
function cut(ob){
var obj=findObj(ob); if (obj) {
obj.select();js=obj.createTextRange();js.execCommand("Cut");}
}
function findObj(n, d) { file://v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p 1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i ) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i ) x=findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}
file://-->
</SCRIPT>
<input type="button" name="Button" value="复制到剪贴板" onClick=copy('txtOutput')>
<input type="button" name="Button" value="剪贴到剪贴板" onClick=cut('txtOutput')>
    <br><form name="fom1" method="post" action="">
    <textarea name="txtOutput" rows="5" cols="50">按钮复制和剪切:用按扭来实现复制和剪切,在屏了左右键的时候作用很大。</textarea>
  </form>

假设你的文本中包含了正确配对的嵌套括号. 括号的深度可以是无限层. 你想捕获这样的括号组.

在线实例

默认 带缩略图 带描述

复制到剪切板 js 剪切板 js实现画图功能 js实现复制 复制到剪切板 剪切变成复制 剪切功能 右键剪切变成复制 vb 复制到剪切板 剪切与复制...

复制代码 代码如下:

使用方法

  1. <div class="wrap" style="width: 565px; height: 290px; margin: 0 auto;">
  2.     <div id="featured">
  3.         <a class="orbit-item" href="#" data-caption="#htmlCaption1"><img src="images/img1.jpg" alt="img1"></a>
  4.         <img src="images/img4.jpg" alt="img4" data-caption="#htmlCaption5">
  5.         <a href="#"><img src="images/img2.jpg" alt="img2"></a>
  6.         <div class="orbit-item" style="background-color: #eee; text-align: center; line-height: 290px;">这是一个空的div,可以放 html代码、视频等等</div>
  7.         <a href="#" data-caption="#htmlCaption3"><img src="images/img3.jpg" alt="img3"></a>
  8.     </div>
  9.     <span class="orbit-caption" id="htmlCaption1">这是幻灯片<strong>1</strong>的标题</span>
  10.     <span class="orbit-caption" id="htmlCaption3">这是蝙蝠侠吗?</span>
  11.     <span class="orbit-caption" id="htmlCaption5">没有链接的幻灯片</span>
  12. </div>
  13. <script type="text/javascript" src=";
  14. <script src="js/jquery.orbit.min.js"></script>
  15. <script>
  16. $(window).load(function() {
  17.     $('#featured').orbit({
  18.         'bullets' : true,
  19.         'captionAnimation' : 'slideOpen'
  20.     });
  21. });
  22. </script>

复制


下载

 

orbit 幻灯片,jqueryorbit幻灯片 在线实例 默认 带缩略图 带描述 使用方法 div class = "wrap" style = " width : 565px ; height : 290px ; margin : 0 auto...

<?php
$string = "some text (a(b(c)d)e) more text";
if(preg_match("/(([^()] |(?R))*)/",$string,$matches)) {
echo "<pre>"; print_r($matches); echo "</pre>";
}
?>

结果是:

复制代码 代码如下:

Array
(
[0] => (a(b(c)d)e)
[1] => e
)

可见, 我们所需要的文本, 已经捕获到$matches[0]中了.

本文由小鱼儿玄机30码发布于小鱼儿主页高手论坛,转载请注明出处:你想捕获这样的括号组.,  bootstrap是一个响应

关键词: 小鱼儿玄机30码