您的位置：首页 > 编程技术 > html  >  js 兼容多浏览器的显示隐藏层

js 兼容多浏览器的显示隐藏层

 更新时间：2016年9月20日 19:00  点击：1721

js 兼容多浏览器的显示隐藏层
<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js 兼容多浏览器的显示隐藏层</title>

<script language="javascript教程">
  function showCity_div()
        {
            document.getElementById("City_div").style.display = "block";
        }
  
        function hideCity_div()
        {
            document.getElementById("City_div").style.display = "none";
        }
</script>

 

<style type="text/css教程">
 #City_div{
  height:200px;
  border:1px solid #0099CC;
  width:300px;
 }
</style>


</head>

<body>

<a href="#" onMouseOver="showCity_div()">显示层</a>
<a href="#" onMouseOver="hideCity_div()">隐藏层</a>
<div id="City_div">
 js 兼容多浏览的显示隐藏层,本文章原创www.111cn.net于转载注明出处
</div>


</body>
</html>

今天突然想到要给文章加一个引用效果，我用的编辑器是fckeditor，它自身带有computer code 代码，不好用，我就自己定义了一个blockquote 并且提供是“引用代码”

 自定fckeditor网页编辑器工具菜单
/*
 今天突然想到要给文章加一个引用效果，我用的编辑器是fckeditor，它自身带有computer code 代码，不好用，我就自己定义了一个blockquote 并且提供是“引用代码”
 现在开始
 找到你的编辑器所在目录，找到fckstyles.xml文件
 打开，在文件头加入

 <Style name="代码引用" element="blockquote" />


 保存
 
 第二步，定义css教程
 <style>

  blockquote{  
  background:#F5FAFA;
  padding:10px;
  border:1px dashed #008040;
  height:100%;
  width:610px;
  overflow:hidden;
  margin:0px;
 }


 </style>
 
 ok大功告成了
 注明本文章原创于www.111cn.net转载注明来源
*/

邮箱地址验证正则表达式

ereg("^[a-zA-Z0-9_]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+＄]", ＄email);


if (eregi("^[a-zA-Z0-9_]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+＄]", ＄email))
　　{
　　return FALSE;
　　}

//方法二

function is_email($address) {
      $rc1 = (ereg("^[-!#$%&'*+./0-9=?A-Z^_`a-z{|}~]+'.
             '@'.
            '[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+.'.
             '[-!#$%&'*+./0-9=?A-Z^_`a-z{|}~]+$',
             $address));
     $rc2 = (preg_match('/.+.ww+$/',$address));
      return ($rc1 && $rc2);
    }
 
//js邮箱地址验证

function checkemail(email){
var str=email;
//在JavaScript中，正则表达式只能使用"/"开头和结束，不能使用双引号
var Expression=/w+([-+.']w+)*@w+([-.]w+)*.w+([-.]w+)*/;
var objExp=new RegExp(Expression);
if(objExp.test(str)==true){
return true;
}else{
return false;
}
}

//验证邮件地址
function fun_email($str){
        return (preg_match('/^[_.0-9a-z-]+@([0-9a-z][0-9a-z-]+.)+[a-z]{2,4}$/',$str))?true:false;
}

//js 表单验证

 if(!/(S)+[@]{1}(S)+[.]{1}(w)+/.test(e))
  {
  //输入正确邮箱地址
  }

调用方法


addOption(sltObj, '<option>a</option>');

代码如下


var sltObj=document.getElementById('xx');//获取select对象，这里只是给个例子，可以按自己习惯来获取
　　　　　　function addOption(obj, arg) {
if (b$.type.isElement(arg)) {
if (b$.browser.isIE()) obj.add(arg);
else obj.add(arg, null);
return;
}
var str = '<select>' + arg + '</select>';
var slt = b$.parseDom(str)[0];
for (var i = 0, num = slt.length; i < num; i++) {
obj.appendChild(slt[0]);
}
};

电话号码正则表达式

电话号码正则表达式（支持手机号码，3-4位区号，7-8位直播号码，1－4位分机号）

((d{11})|^((d{7,8})|(d{4}|d{3})-(d{7,8})|(d{4}|d{3})-(d{7,8})-(d{4}|d{3}|d{2}|d{1})|(d{7,8})-(d{4}|d{3}|d{2}|d{1}))$)

匹配格式：
11位手机号码
3-4位区号，7-8位直播号码，1－4位分机号
如：12345678901、1234-12345678-1234

正则表达式--验证手机号码:13[0-9]{9}
实现手机号前带86或是+86的情况:^((+86)|(86))?(13)d{9}$
电话号码与手机号码同时验证:(^(d{3,4}-)?d{7,8})$|(13[0-9]{9}) 
提取信息中的网络链接:(h|H)(r|R)(e|E)(f|F)  *=  *('|")?(w|\|/|.)+('|"|  *|>)?  
提取信息中的邮件地址:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*  
提取信息中的图片链接:(s|S)(r|R)(c|C)  *=  *('|")?(w|\|/|.)+('|"|  *|>)?
提取信息中的IP地址:(d+).(d+).(d+).(d+)    
提取信息中的中国手机号码:(86)*0*13d{9}    
提取信息中的中国固定电话号码:((d{3,4})|d{3,4}-|s)?d{8}    
提取信息中的中国电话号码（包括移动和固定电话）:((d{3,4})|d{3,4}-|s)?d{7,14}    
提取信息中的中国邮政编码:[1-9]{1}(d+){5}    
提取信息中的中国身份证号码:d{18}|d{15}    
提取信息中的整数：d+    
提取信息中的浮点数（即小数）：(-?d*).?d+    
提取信息中的任何数字  ：(-?d*)(.d+)?  
提取信息中的中文字符串：[u4e00-u9fa5]*    
提取信息中的双字节字符串  (汉字)：[^x00-xff]*

验证手机和电话号码的正则表达式

规则的国内固定电话和传真的格式基本都是带有0的区号 连接符“-”＋电话号码，另外还有可能有分机号，区号有3位、4位，电话号码有7位和8位的；其它格式的有前面不带0的，或者不带连接符的，或者分机号前面使用#号的，或者前面加“ 86”的等等；

区号：前面一个0，后面跟2-3位数字 ： 0d{2,3}

电话号码：7-8位数字： d{7,8}
分机号：一般都是3位数字： d{3,}
这样连接起来就是验证电话的正则表达式了：/^((0d{2,3})-)(d{7,8})(-(d{3,}))?$/
手机号码前面以1开头，第二位现在是3或者5，后面是9位数字，则：/^1[35]d{9}$/
看到一个比较强悍的验证：(^(d{2,4}[-_－—]?)?d{3,8}([-_－—]?d{3,8})?([-_－—]?d{1,7})?$)|(^0?1[35]d{9}$)
该表达式可以验证那些不小心把连接符“-”写出“－”的或者下划线“_”的等等。


验证电话号码正则表达式

电话号码正则表达式
正则表达式如下：
(^(d{2,4}[-_－—]?)?d{3,8}([-_－—]?d{3,8})?([-_－—]?d{1,7})?$)|(^0?1[35]d{9}$)


区号+座机号码+分机号码：regexp="^(0[0-9]{2,3}-)?([2-9][0-9]{6,7})+(-[0-9]{1,4})?$"

手机(中国移动手机号码)：regexp="^(((d{3}))|(d{3}-))?13[456789]d{8}|15[89]d{8}"


所有手机号码：regexp="^(((d{3}))|(d{3}-))?13[0-9]d{8}|15[89]d{8}"(新添加了158,159两个号段)

验证电话号码正则表达式

<script language="javascript教程">
function checkphone(tel){
var str=tel;
//在JavaScript中，正则表达式只能使用"/"开头和结束，不能使用双引号信息: 网站源代码
var Expression=/(d{3}-)(d{8})$|(d{4}-)(d{7})$/;    //匹配字符串中的指定位数，(d{8})$表明以8个数字结尾
var objExp=new RegExp(Expression);
if(objExp.test(str)= =true){
return true;
}else{
return false;
}
}
</script>
本站整理，部份原创，转载注明来自www.111cn.net

[!--infotagslink--]

相关文章

  • JavaScript判断浏览器及其版本信息

    本篇文章主要分享了通过window.navigator来判断浏览器及其版本信息的实例代码。具有一定的参考价值，下面跟着小编一起来看下吧...2017-01-23

  • js实现浏览器打印功能的示例代码

    这篇文章主要介绍了js如何实现浏览器打印功能，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下...2020-07-15

  • js控制页面控件隐藏显示的两种方法介绍

    javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位 方法一： 复制代码 代码如下: document.all["panelsms"].style.visibility="hidden"; document.all["panelsms"].style.visi...2013-10-13

  • jQuery实现广告显示和隐藏动画

    这篇文章主要为大家详细介绍了jQuery实现广告显示和隐藏动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-07-05

  • js识别uc浏览器的代码

    其实挺简单的就是if(navigator.userAgent.indexOf('UCBrowser') > -1) {alert("uc浏览器");}else｛//不是uc浏览器执行的操作｝如果想测试某个浏览器的特征可以通过如下方法获取JS获取浏览器信息 浏览器代码名称：navigator...2015-11-08

  • C#隐式运行CMD命令（隐藏命令窗口）

    这篇文章主要介绍了C#隐式运行CMD命令（隐藏命令窗口）,本文实现在winform窗口中运行CMD命令,需要的朋友可以参考下...2020-06-25

  • 基于JavaScript实现表单密码的隐藏和显示出来

    为了网站的安全性，很多朋友都把密码设的比较复杂，但是如何密码不能明显示，不知道输的是对是错，为了安全起见可以把密码显示的，那么基于js代码如何实现的呢？下面通过本文给大家介绍JavaScript实现表单密码的隐藏和显示，需要的朋友参考下...2016-03-03

  • 基于JavaScript实现文字超出部分隐藏

    这篇文章主要介绍了基于JavaScript实现文字超出部分隐藏 的相关资料,需要的朋友可以参考下...2016-03-01

  • js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本

    第一种，只区分浏览器，不考虑版本 复制代码 代码如下:function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; if (isOp...2014-05-31

  • jQuery 隐藏和显示 input 默认值示例

    复制代码 代码如下: <!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/xhtml"> <head> <meta ht...2014-06-07

  • 详解Vue Cli浏览器兼容性实践

    这篇文章主要介绍了详解Vue Cli浏览器兼容性实践，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-06-09

  • jquery插件实现鼠标隐藏

    这篇文章主要为大家详细介绍了jquery插件实现鼠标隐藏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-05-14

  • 如何使用 JavaScript 操作浏览器历史记录 API

    这篇文章主要介绍了如何使用 JavaScript 操作浏览器历史记录 API，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下...2020-11-24

  • Python获取浏览器窗口句柄过程解析

    这篇文章主要介绍了Python获取浏览器窗口句柄过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-07-26

  • vue如何调用浏览器分享功能详解

    这篇文章主要给大家介绍了关于vue如何调用浏览器分享的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-03-20

  • js判断浏览器类型,版本的代码(附多个实例代码)

    在网站前端开发中，浏览器兼容性问题本已让我们手忙脚乱，Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScrip...2014-05-31

  • JAVA读取文件流,设置浏览器下载或直接预览操作

    这篇文章主要介绍了JAVA读取文件流,设置浏览器下载或直接预览操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-10-09

  • 网页自动调用国内双核浏览器的极速模式的实现方法

    由于国内好几个浏览器都是双核浏览器（蛋痛，做一个浏览器壳就说国产，而且使用率高），有时打开网页会出现不兼容模式，在极速模式下是好的，现在我们来用代码实现网页自动调用国内...2016-09-20

  • C# 模拟浏览器并自动操作的实例代码

    这篇文章主要介绍了C# 模拟浏览器并自动操作的实例代码，文中讲解非常细致，帮助大家更好的理解和学习，感兴趣的朋友可以了解下...2020-11-03

  • vue项目中禁用浏览器缓存配置案例

    这篇文章主要介绍了vue项目中禁用浏览器缓存配置案例,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下...2021-09-12