当前位置:文档之家› js弹出层可拖动兼容各大浏览器

js弹出层可拖动兼容各大浏览器

js弹出层可拖动兼容各大浏览器
js弹出层可拖动兼容各大浏览器

文章来自 https://www.doczj.com/doc/3a18040518.html,



















系统浏览器设置

国家公派出国留学管理信息平台 浏览器设置 国家留学基金管理委员会制 2017年4月

为保证数据准确性,请使用Internet Explorer(以下简称“IE”)浏览器进行评审。开始评审前请对IE浏览器进行以下设置。 一、启用“兼容性视图” 1)打开IE浏览器,点击菜单栏“工具”-->“兼容性视图设置”。 2)打开“兼容性视图设置”窗口,点击“添加”按钮,将https://www.doczj.com/doc/3a18040518.html,添 加至兼容性视图网站。 3)确认https://www.doczj.com/doc/3a18040518.html,已添加至兼容性视图网站,点击“关闭”按钮,完成

兼容性设置。 二、关闭“弹出窗口阻止程序” 1)打开IE浏览器,点击菜单栏“工具”-->“Internet选项”。 2)点击“隐私”按钮,进入IE浏览器安全性设置选项卡中。

3)去除“启用弹出窗口阻止程序”前面的勾,点击“确定”按钮,完成 设置。 三、安装“PDF文件阅读器” 建议安装AdobeReader10.0或以上版本PDF阅读器,安装完成后确认IE浏

览器“管理加载项”已启用。 1)打开IE浏览器,点击菜单栏“工具”-->“管理加载项”。 2)切换显示“未经许可运行”,确认加载项列表中有Adobe PDF Reader。 按照如上设置,如果申报人材料无法在IE浏览器中预览,可使用以下几种办法进行解决。 (1)关闭迅雷--浏览器下载响应 如果您安装了“迅雷”,请从设置中心中关闭“IE浏览器下载响应”。

(2)使用系统自带软件解决 如果您是“Windows10”操作系统,卸载Adobe Reader,使用系统自 带Microsoft Edge浏览器预览材料。 (3)安装其他PDF阅读器解决 安装“福昕PDF阅读器”,使用福昕阅读器预览材料。 (4)如果您是“Windows 64位”操作系统,请使用“C:\Program Files (x86)\Internet Explorer\iexplore.exe”32位版本IE浏览器进行 评审。 (5)以上方法都不能问题,请重置“IE浏览器” a)关掉ie浏览器(必须关闭)。 b)运行inetcpl.cpl命令,打开ie浏览器首选项。 c)切换至“高级”选项卡,删除个人设置,还原ie浏览器初始值。

浏览器兼容性案例分析

浏览器兼容性案例分析: 1.不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 碰到频率:100% 解决方案:CSS里 *{margin:0;padding:0;} 备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。 2.IE6下不支持png图片 问题症状:IE6下不显示png图片。 碰到频率:100% 解决方案: 3.IE6下不支持:hover 问题症状:IE6下不支持:hover。 碰到频率:100% 解决方案:改成js方法 4.相同名称的样式被定义了多次,但不知道在定义在哪里 问题症状:相同名称的样式被定义了多次,但不知道定义在哪里,导致样式冲突。 碰到频率:100% 解决方案:最简单的办法是在样式后面添加!important,这样可以保持这个样式一直被调用。 .bHidden { display:none !important; }

5.单行双列自适应宽度,IE6中出现错行现象解决办法 问题症状: 调整单行双列自适应宽度布局,随着浏览器窗口大小自动改变left和right层的宽度。代码如下:

运行以上代码,在IE6中偶尔会出现错行现象: 主要原因:在IE6中采用四舍五入的方法计算宽度,那么随着浏览器窗口的大小调整,left和right 按25%、75%计算,四舍五入,(left+right)总宽度会大于浏览器窗口宽度即(main)宽度,right层就会自动跳行至左侧浮动。 碰到频率:100% 解决方案: 在#right样式中添加:clear:right;代码。如 #right{width:75%; clear:right;background:#939393;} 6.块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大 解决方案:在float的标签样式控制中加入 display:inline;将其转化为行内属性 7. 设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度 解决方案:给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。

浏览器兼容性常见问题

1.注释标签常用语法 1.1注释的注意事项

1.2出错条件 1.3注释中多个地方出错时

1.4两个出错的注释标签,其间的内容被视为注释的一部分 1.5解决方案 2.浏览器的字符编码 2.1问题描述 各浏览器对于字符编码别名支持的宽泛程度有差异,当指定了浏览器无法识别的字 符编码别名时,浏览器会以确定编码的优先级顺序采用设置的更低优先级的字符编码, 以此类推。而 Chrome Safari Opera 中对字符编码别名有着比其他浏览器更宽泛的支持。

2.2文档的字符编码顺序 针对如何确定一个文档的字符编码,用户代码必须遵守下面的优先级顺序(优先级由高至低): (1)HTTP "Content-Type" 字段中的 "charset" 参数。 (2)META 声明中 "http-equiv" 为 "Content-Type" 对应的值中的 "charset" 的值。(3)元素的 charset 属性。 2.3实例1 上面是一段 PHP 代码,HTTP "Content-Type" 头字段设置了字符编码为 BIG5,页面中的 META 元素设置了字符编码为 UTF-8,页面本身的编码类型为 GB2312。页面执行时,通过脚本输出了当前浏览器所采用的字符编码类型。 这个动态页面在各浏览器中运行时均显示出了 BIG5,可见此时所有浏览器均遵照HTML4.01 规范所述,以更高优先级的 HTTP "Content-Type" 头字段的 "charset" 参数的值作为字符编码类型。

2.4各浏览器默认编码格式 上面页面中没有设定任何的字符编码信息,则各浏览器对于这个页面将使用各自的默认编码。页面自身的编码为 GB2312。 各浏览器中运行效果如下: 2.5实例2 上面的动态页面自身的编码为 BIG5,HTTP "Content-Type" 头字段设置了字符编码为 maccyrillic,页面中的 META 元素设置了字符编码为 b.i.g+5。 各浏览器中运行效果如下:

JS复制内容到剪贴板_兼容IE、Firefox、Chrome、Safari所有浏览器

JS复制内容到剪贴板: 兼容IE、Firefox、Chrome、Safari所有浏览器 正文: 现在浏览器种类也越来越多,诸如 IE、Firefox、Chrome、Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了。 在FLASH 9 时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案: 这个方案是一个最流行的方法: 著名的Clipboard Copy解决方案利用一个clipboard.swf作为桥梁,复制内容到剪贴板。 原理是:创建一个隐藏的flash文件,同时给给flash的变量FlashVars 赋值“clipboard=..”,通过这个赋值flash就会把复制的内容放到剪贴板。这个方法兼容IE、Firefox、Opera、chrome、 Safari,真可谓“万能”的解决方案。浏览器Flash的安装率非常高,这几乎是一个完美的解决方案。 clipboard.swf 的下载地址:_clipboard.rar.rar 但是 Flash 10 时代,上面的方法已经不行了。 因为flash10中规定了只有在swf上进行了真实的操作(比如鼠标点击)才能访问剪切板,而上述方法只是使用了一个隐藏的swf文件,通过javascript操作flash的剪贴板,用户并没有对swf文件进行真实的操作,因此这个方法也就失效了。 那么如何解决这个“真实操作”的问题呢?可以使用一个JavaScript库:Zero Clipboard,利用这个js库可以支持利用flash 10 实现复制到剪贴板。这个方法原理是在一个透明的flash(对用户来说是不可见的)上覆盖一个dom元素比如button或div,当点击这个dom时,实际点击的是flash,从而访问flash的剪贴板。

Windows系统下各浏览器兼容性

Windows系统下各浏览器常用CSS HACK汇总表 1. 此汇总表中测试浏览器的版本为: 微软系统自带:IE6、IE7、IE8 火狐:Firefox 3.6.6 Safari:Safari 5.0 谷歌浏览器:Chrome 6.0.458.1 dev Opera浏览器:Opera 10.60 2. 其中,多数CSS hack是在selector{property:value;}基础上更改的。 selector代表CSS选择器,property代表CSS特性,value代表特性的值。 3. FF代表Firefox,Ch代表Chorme,Sa代表Safari,Op代表Opera 4. Q代表Quirks Mode,S代表Standards Mode。 5. Hack Type列的数字,指的是上面CSS hack的实现方式中的列表号。 1是指“利用浏览器对相同代码的解析和支持的不同实现的hack”,2是指以Firefox或Webkit 特有的扩展样式实现的hack。

一定遵守CSS hack的三条原则。CSS hack是没有办法的时候才使用的解决兼容性问题的招术,是用兼容性问题去解决兼容性问题,无异于饮鸩止渴。切莫一有兼容性问题就使用,时刻记得改掉用CSS hack修补的问题。 IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例1.区别IE和非IE浏览器CSS HACK代码 #divcss5{ background:blue; /*非IE 背景藍色*/ background:red \9; /*IE6、IE7、IE8背景紅色*/ } 2.区别IE6,IE7,IE8,FF CSS HACK 【区别符号】:「\9」、「*」、「_」 【示例】: #divcss5{ background:blue; /*Firefox 背景变蓝色*/ background:red \9; /*IE8 背景变红色*/ *background:black; /*IE7 背景变黑色*/ _background:orange; /*IE6 背景变橘色*/ } 【说明】:因为IE系列浏览器可读「\9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏览器正确的读取到自己看得懂得CSS 语法,所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、Google Chrome、Safari等)。 3.区别IE6、IE7、Firefox (EXP 1) 【区别符号】:「*」、「_」 【示例】: #divcss5{ background:blue; /*Firefox背景变蓝色*/ *background:black; /*IE7 背景变黑色*/ _background:orange; /*IE6 背景变橘色*/ } 【说明】:IE7和IE6可读「*」(米字号),IE6又可以读「_」(底线),但是IE7却无法读取

不同浏览器兼容报告

Shuo de ——中国金融数据及工具首席服务商 IE、FF、Safari、OP不同浏览器兼容报告 柯伯勋 2011-03-08 上海万得资讯科技有限公司 Shanghai Wind Information Co., Ltd. 地址: 上海浦东新区福山路33号建工大厦9楼 邮编Zip : 200120 电话T el : (8621)6886 2280 传真Fax : (8621)6886 2281 Email : sales@https://www.doczj.com/doc/3a18040518.html, 主页:https://www.doczj.com/doc/3a18040518.html,

1浏览器内核简介 浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“解释引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。 浏览器内核很多,如果加上所有的几乎没有什么人在用的非商业的免费内核,那么可能大约有10款以上甚至更多,不过通常我们比较常见的大约只有以下四种,下面先简单介绍一下。 1.1Trident: IE浏览器使用的内核,该内核程序在1997年的IE4中首次被采用,是微软在Mosaic代码的基础之上修改而来的,并沿用到目前的IE8。Trident实际上是一款开放的内核,其接口内核设计的相当成熟,因此才有许多采用IE内核而非IE的浏览器涌现(如Maxthon、The World 、TT、GreenBrowser、AvantBrowser等)。此外,为了方便也有很多人直接简称其为IE内核(当然也不排除有部分人是因为不知道内核名称而只好如此说)。 由于IE本身的“垄断性”(虽然名义上IE并非垄断,但实际上,特别是从Windows 95年代一直到XP初期,就市场占有率来说IE的确借助Windows的东风处于“垄断”的地位)而使得Trident内核的长期一家独大,微软很长时间都并没有更新Trident内核,这导致了两个后果——一是Trident内核曾经几乎与W3C标准脱节(2005年),二是Trident内核的大量Bug等安全性问题没有得到及时解决,然后加上一些致力于开源的开发者和一些学者们公开自己认为IE浏览器不安全的观点,也有很多用户转向了其他浏览器,Firefox和Opera就是这个时候兴起的。非Trident内核浏览器的市场占有率大幅提高也致使许多网页开发人员开始注意网页标准和非IE浏览器的浏览效果问题。 1.2Gecko: Netscape6开始采用的内核,后来的Mozilla FireFox也采用了该内核,Gecko的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。因为这是个开源内核,因此受到许多人的青睐,Gecko内核的浏览器也很多,这也是Geckos内核虽然年轻但市场占有率能够迅速提高的重要原因。 事实上,Gecko引擎的由来跟IE不无关系,前面说过IE没有使用W3C的标准,这导致了微软内部一些开发人员的不满;他们与当时已经停止更新了的Netscape的一些员工一起创办了Mozilla,以当时的Mosaic 内核为基础重新编写内核,于是开发出了Geckos。不过事实上,Gecko 内核的浏览器仍然还是Firefox用户最多,所以有时也会被称为Firefox内核。此外Gecko也是一个跨平台内核,可以在Windows、BSD、Linux 和Mac OS X中使用。 1.3Presto: 目前Opera采用的内核,该内核在2003年的Opera7中首次被使用,该款引擎的特点就是渲染速度的优化达到了极致,也是目前公认网页浏览速度最快的浏览器内核,然而代价是牺牲了网页的兼容性。 实际上这是一个动态内核,与前面几个内核的最大的区别就在脚本处理上,Presto有着天生的优势,页

弹出窗口阻止的解决办法

弹出窗口FAQ 什么是弹出窗口: 弹出窗口是由页面打开的一种小型 Web 浏览器窗口。它们通常会在您访问网站或页面时打开,也可能会在您单击网站上的链接或按钮时打开,远程课堂的一些课堂内通知、课件和平时作业需要弹出窗口进行控制。 为什么会有弹出窗口拦截: 由于一些不良站点或网站弹出广告需要,在用户范围网站的时候会经常弹出一些窗口,显示一些不希望看到或者比较讨厌的内容,弹出窗口控制软件/插件应运而生,保护用户避免过多的骚扰。 通常是哪些软件或程序会限制弹出窗口: ?如果你的系统是xp sp2以上或者IE版本是6.0 sp2或者IE7,IE本身会提供弹出窗口拦截; ?一些第三方的IE插件也会提供弹出窗口的拦截功能; ?一些使用IE内核的外套浏览器(如:腾讯浏览器,万能浏览器等)和一些些非Internet Explorer 的浏览器,如Maxthon傲游(原名:MyIE2),sleipnir浏览器,也提供弹出窗口拦截功能,鉴于网 络学习的性质,不建议使用这类浏览器进行平时作业; ?某些杀毒软件:如瑞星、诺顿网络安全特警等软件中关于弹出窗口的设置也可提供此功能。 ?一些常见具备弹出窗口控制的IE第三方插件 Google工具条 百度超级搜霸 MSN Toolbar Yahoo! Toolbar 瑞星卡卡助手 如何避免弹出被拦截 ?通用的避免弹出被拦截办法:在点击链接时,按住“CTRL”键盘,直到希望看到的窗口出现再松开, 如果未奏效,继续以下的尝试 ?将站点加入你的浏览器信任列表:

?如果你正在使用IE6.0 sp2或者IE7,使用如下方面操作: ?方法一:取消弹出窗口阻止程序 ?方法二:配置弹出窗口阻止程序: ?方法三:在浏览器窗口操作: 如果你在打开过程中看到IE显示窗口上方有一个小的黄条提示,如果没有看到,查看一

最全整理浏览器兼容性问题与解决方案样本

常用浏览器兼容性问题与解决方案所谓浏览器兼容性问题,是指由于不同浏览器对同一段代码有不同解析,导致页面显示效果不统一状况。在大多数状况下,咱们需求是,无论顾客用什么浏览器来查看咱们网站或者登陆咱们系统,都应当是统一显示效果。因此浏览器兼容性问题是前端开发人员经常会遇到和必要要解决问题。 在学习浏览器兼容性之前,我想把前端开发人员划分为两类: 第一类是精准按照设计图开发前端开发人员,可以说是精准到1px,她们很容易就会发现设计图局限性,并且在很少状况下会遇到浏览器兼容性问题,而这些问题往往都死浏览器bug,并且她们制作页面后期易维护,代码重用问题少,可以说是比较牢固放心代码。 第二类是基本按照设计图来开发前端开发人员,诸多细枝末节差距很大,不如间距,行高,图片位置等等经常会差几px。某种效果实现也是重复调试得到,详细为什么浮现这种效果还模模糊糊,整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这样写还不知因此然。此类开发人员往往经常为兼容性问题所困。修改好了这个浏览器又乱了另一种浏览器。改来改去也毫无头绪。其实她们遇到兼容性问题大某些不应当归咎于浏览器,而是她们技术自身了。 文章重要针对是第一类,严谨型开发人员,因而这里重要从浏览器解析差别角度来分析兼容性问题。 浏览器兼容问题一:不同浏览器标签默认外补丁和内补丁不同 问题症状:随便写几种标签,不加样式控制状况下,各自margin 和padding差别较大。 遇到频率:100% 解决方案:CSS里*

备注:这个是最常用也是最易解决一种浏览器兼容性问题,几乎所有CSS文献开头都会用通配符*来设立各个标签内外补丁是0。 浏览器兼容问题二:块属性标签float后,又有横行margin状况下,在IE6显示margin比设立大 问题症状:常用症状是IE6中背面一块被顶到下一行 遇到频率:90%(稍微复杂点页面都会遇到,float布局最常用浏览器兼容问题)解决方案:在float标签样式控制中加入display:inline;将其转化为行内属性 备注:咱们最惯用就是div+CSS布局了,而div就是一种典型块属性标签,横向布局时候咱们普通都是用div float实现,横向间距设立如果用margin实现,这就是一种必然会遇到兼容性问题。 浏览器兼容问题三:设立较小高度标签(普通不大于10px),在IE6,IE7,遨游中高度超过自己设立高度 问题症状:IE6、7和遨游里这个标签高度不受控制,超过自己设立高度 遇到频率:60% 解决方案:给超过高度标签设立overflow:hidden;或者设立行高line-height 不大于你设立高度。 备注:这种状况普通出当前咱们设立小圆角背景标签里。浮现这个问题因素是IE8之前浏览器都会给标签一种最小默认行高高度。虽然你标签是空,这个标签高度还是会达到默认行高。 浏览器兼容问题四:行内属性标签,设立display:block后采用float布局,又有横行margin状况,IE6间距bug 问题症状:IE6里间距比超过设立间距 遇到几率:20%

JavaScript-FF和IE兼容性问题总结

长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异; 二、样式访问和设置; 三、DOM方法及对象引用; 四、事件处理; 五、其他差异的兼容处理。 一、函数和方法差异 1. getYear()方法 【分析说明】先看一下以下代码: var year= new Date().getYear(); document.write(year); 在IE中得到的日期是"2010",在Firefox中看到的日期是"110",主要是因为在Firefox 里面getYear 返回的是"当前年份-1900" 的值。【兼容处理】 加上对年份的判断,如: var year= new Date().getYear(); year = (year<1900?(1900+year):year); document.write(year); 也可以通过getFullYear getUTCFullYear 去调用: var year = new Date().getFullYear(); document.write(year);

2. eval()函数 【分析说明】在IE中,可以使用eval("idName")或getElementById("idName")来取得id为idName的HTML对象;Firefox下只能使用getElementById("idName")来取得id为idName的HTML对象。 【兼容处理】统一用getElementById("idName")来取得id为idName的HTML对象。 3. const声明 【分析说明】在IE 中不能使用const 关键字。如: const constVar = 32; 在IE中这是语法错误。 【兼容处理】不使用const ,以var 代替。 4. var 【分析说明】请看以下代码: echo=function(str){ document.write(str); } pre> 这个函数在IE上运行正常,Firefox下却报错了。 【兼容处理】而在echo前加上var就正常了,这个就是我们提到var的目的。 5. const 问题 【分析说明】在IE 中不能使用const 关键字。如 const constVar = 32; 在IE中这是语法错误。 【解决方法】不使用const ,以var 代替。 二、样式访问和设置 1. CSS的"float"属性 【分析说明】Javascript访问一个给定CSS 值的最基本句法是:object.style.property,但部分CSS属性跟Javascript中的保留字命名相同,如"float","for","class"等,不同浏览器写法不同。 在IE中这样写:

浏览器兼容性总结

Struts上传文件的浏览器兼容性 zip文件firefox : application/octet-stream chrome : application/octet-stream oprea : application/zip IE : application/x-zip-compressed\ rar文件firefox : application/x-rar-compressed chrome : application/octet-stream oprea : application/x-rar-compressed IE : application/octet-stream Struts.xml 配置 1. 2. 3. 4. application/msword,application/pdf,application/zip 5. 6. 7. 10485760 8. 解决不同浏览器不能识别上传文件的错误 File 标签的浏览器兼容性 主要想法是用一层遮罩input file 的位置,实现样式的统一,用js进行传值。 解决部分浏览器对file标签解析效果不同的问题 Table 自适应的浏览器兼容性 外套div 把自适应table,tr的的width换成具体的像素值

Windows系统下各浏览器兼容性

Win dows系统下各浏览器常用CSS HAC汇总表 Hack ________________________ iJ/pe "-Hitml sei ec tori 1 *html selector 1 _prop erty :value 1 -property: valued 1 html* Beiector| 1 "property; value 1 property: valued 1 selector, c-moz-^ny-linkG -. 2 selector^ xz-moz-any-link^ < moz-document y fl-prefix(){ (2) htrnl>/=t*/body selector, x:-moz-^ any-link htrril^^^body SQkctDQ K:~moz' ? any-link, x:def3ult{+H:} 娄 二空屛头的.H舉険特百扩辰務式…..…2 ^irimdid seitan drid (-widtjkie min-dE vice-pixekratio:0)电… U;webkit开头的畑bkit測览器持有扩展样戒2 dnwbiw ail and ('webkit-miri'device-| pixal-ratio; 10000)* not all and 2 (-webkit- min-device-pixel-ratio: Ch Sa Op 1E6IE7iEd...— FF 1. 此汇总表中测试浏览器的版本为: 微软系统自带:IE6、IE7、IE8 火狐:Firefox 3.6.6 Safari : Safari 5.0 谷歌浏览器:Chrome 6.0.458.1 dev Opera 浏览器:Opera 10.60 2. 其中,多数CSS hack 是在selector{property:value;} 基础上更改的。 selector代表CSS选择器,property 代表CSS特性,value代表特性的值。 3. FF 代表Firefox ,Ch 代表Chorme ,Sa 代表Safari ,Op 代表Opera 4. Q 代表Quirks Mode ,S 代表Standards Mode 。 5. Hack Type 列的数字,指的是上面CSS hack的实现方式中的列表号。 1是指利用浏览器对相同代码的解析和支持的不同实现的hack”,2是指以Firefox或Webkit 特有的扩展样式实现的hack。

教你怎样给浏览器设置密码

[标签:标题] 互联网是我们目前使用率很高的东西,无论是查资料还是看新闻,我们都需要用浏览器来查阅。但有些个人喜欢或者隐私的网页我们并不希望其他人浏览,这时,我们给浏览器设置一个口令就可以不让别人查看这个网页了,那么我们如何设置呢?接下来就一起看看。 第一步:打开桌面的“Internet Explorer浏览器”然后选择菜单栏上的“工具”,“Internet 选项”。 第一步 第二步:在弹出的“Internet选项”窗口中,我们选择“内容”选项卡,之后选择内容选项卡中的“分级审查”的选项,选择“启用”按钮。 第二步 第三步:我们用鼠标单击“启用”按钮之后会弹出“内容申查程序”对话框,选择“常规”选项卡。之后我们选择“常规”选项卡中的“用户”选项,勾选“监督人可以键入密码允许用户查看受限的内容”。 第三步 第四步:接下来还是选择“常规”选项卡中的“监督人密码”选项,单击“创建密码”,在弹出的创建监督人密码对话框中输入密码,输入密码提示。输入密码和密码提示之后单击确定按钮,弹出内容审核程序“已成功创建监督人密码”的窗口,单击确定即可。 第四步 第五步:单击“确定”按钮之后,回到“内容审查程序”对话框,再单击“确定”回到“Internet 选项”中再单击确定按钮就完成了浏览器上网口令的设置。 第五步 第六步:设置成功后,我们来尝试一下密码是否设置成功,双击打开桌面的Internet Explorer 浏览器,输入百度经验的网址,弹出“内容审查程序”密码验证窗口,输入刚设置的密码即可以浏览网页了。 第六步 通过上述六个步骤我们就可以对浏览器增加密码保护了,这样可以有效的保护我们的资料不被别人看到,但同样的问题是我们在上网时都要输入密码才可以上网。

web前端开发规范手册

Web前端开发规范手册 一、规范目的 1.1 概述1 二、文件规范 2.1文件命名规则 (1) 2.2文件存放位置2 2.3css书写规范3 2.4html书写规范7 2.5JavaScript书写规范11 2.6图片规范12 2.7注释规范13 2.8css浏览器兼容13 一、规范目的 1.1 概述 为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后可以更改此文档. 二、文件规范 2.1文件命名规则

文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符;命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。 a.HTML的命名原则 引文件统一使用index.htmindex.htmlindex.asp文件名(小写) 各子页命名的原则首先应该以栏目名的英语翻译取单一单词为名称。例如: 关于我们\aboutus 信息反馈\feedback 产品\product 如果栏目名称多而复杂并不好以英文单词命名,则统一使用该栏目名称拼音或拼音的首字母表示; 每一个目录中应该包含一个缺省的html文件,文件名统一用index.htmindex.htmlindex.asp; b.图片的命名原则 图片的名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质 例如:广告、标志、菜单、按钮等等。 放置在页面顶部的广告、装饰图案等长方形的图片取名:banner 标志性的图片取名为:logo 在页面上位置不固定并且带有链接的小图片我们取名为button 在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu 装饰用的照片我们取名:pic 不带链接表示标题的图片我们取名:title 范例:banner_sohu.gifbanner_sina.gifmenu_aboutus.gifmenu_job.giftitle_news.giflogo_police.giflogo_nationa l.gifpic_people.jpg 鼠标感应效果图片命名规范为"图片名+_+on/off"。 例如:menu1_on.gifmenu1_off.gif c.javascript的命名原则 例如:广告条的javascript文件名为ad.js弹出窗口的javascript文件名为pop.js d.动态语言文件命名原则 以性质_描述,描述可以有多个单词,用“_”隔开,性质一般是该页面得概要。 范例:register_form.aspregister_post.asptopic_lock.asp 2.2文件存放位置规范

浏览器不能弹出新窗口设置方法

中国海运(集团)总公司财务报表管理系统使用注意事项 中国海运(集团)总公司财务报表管理系统使用注意事项一、系统登录 (1)系统的登录地址:http://10.18.7.78:7000/netrep,输入地址时请注意通信协议、反斜杠、IP地址、端口号、路径和半角符号,如图1-1 图1-1 (2)由于目前正式服务器还没有到位,系统登录地址的IP地址将会有改动,请时刻关注系统的通知。 (3)内网单位直接输入地址即可访问;外网单位需先接入VPN才可访问。 二、确认IE版本 系统对客户端使用的系统及IE有一定要求,为保证系统的正常使用,在使用系统前需要验证本机上IE浏览器的版本,系统要求IE版本至少为6.0。 (4)打开IE浏览器,点击窗口菜单中的“帮助”,选择“关于 Internet Explorer”子菜单,如图2-1: 1

图2-1 查看版本号菜单 (5)在弹出的窗口中记录了当前IE 的版本号,查看IE 版本号;如下图中可看出使用的 IE 版本为“7.0.5730.13”; 图2-2 IE版本号

(6)在窗口中点击“确定”按钮,退出关于窗口。 说明:如果你当前使用的浏览器版本低于“6.0.2800”,请升级浏览器的版本,可以找公司系统维护员,由系统维护员提供IE升级的程序。 三、查看计算机的配置 在使用网报系统时,推荐客户端机器的配置如下: ●Core(TM)2 1.8GHz ● 1 GB内存 ●WindowsXP SP2及以上操作系统 ●显示器支持1024×768及以上的分辨率 通过下面的方法可获得本机CPU、内存容量和操作系统的版本等基本信息:(1)打开控制面板:单击“启动—>设置—>控制面板”菜单(如下图3-1、图3-2所示) 图3-1打开控制面板

JS读取XML文件数据(兼容IE火狐)

JS读取XML文件数据并以table显示数据(兼容IE火狐) 取了个巧,IE用正常读取,火狐用的异步读取。这是综合网上各位仁兄的经验所得, myfile.xml 刘亦菲 MingXing/LiuYiFei.htm 7A9D4B 蔡依林 MingXing/CaiYiLin.htm FD0000 张娜拉 MingXing/ZhangNaLa.htm 7A9D4B 张韶涵 MingXiang/ZhangShaoHan.htm 0000FF 张靓颖 MingXing/ZhangLiangYin.htm 7A9D4B 李宇春 MingXing/LiYuChun.htm 7A9D4B 徐若瑄 MingXing/XuLuXuan.htm FD0000

ie8每次弹出设置 IE8总是弹出自定义设置提示框的解决方法

安装IE8后,每次点击该浏览器总是弹出“欢迎使用internet explorer8”窗口,该如何解决? 用户在安装完IE8后,打开IE8浏览器时,弹出设置向导,顺利完成IE8设置向导后,再次打开IE8,又会弹出“欢迎使用IE8”的设置向导界面,为什么每次打开IE 浏览器都会弹出IE8设置向导页面?该怎么取消每次打开IE出现的IE8设置向导界面呢。ie8总是弹出ie8老是弹出设置ie8总是跳出设置总是出现ie8设置ie8打开弹出设置 方法1 1、在开始运行搜索框中键入“gpedit.msc”,回车,打开本地组策略编辑器。 2、依次点击“计算机配置”→“用户配置”→“管理模板”→“Windows 组 件”→“Interner Explorer”。

3、在Interner Explorer下找到“阻止执行首次运行自定义设置”项,双击打开。 4、在“阻止执行首次运行自定义设置”设置对话框中,默认选择为“未配置”,请点击“已启用”将其更改,按“确定”退出设置,并关闭编辑器。重新打开IE8,就不会不再出现IE8的设置向导界面了。Internet Explorer,找到“阻止执行首次运行自定义设置”,双击选择已启用,下面选择“直接转到主页”,确定即可。

经过这样的设置后,再次打开IE8,就不会出现IE8设置向导页面了。 ★★★(https://www.doczj.com/doc/3a18040518.html,)独家文章,欢迎转载 ie8弹出设置窗口ie8总是要设置ie8弹出设置ie8总是提示设置ie8每次弹出设置 方法2.重置就能解决的不会再有这一对话框了,打开IE--工具--Internet选项--高级-- 重置--这时有一个小窗口弹出,有一个选项是(取消个人设置)打上勾--重置.这样就回 到原始状态,默认状态下使用就可以了。

web前端 浏览器兼容问题以及相应的处理办法

【web前端】浏览器兼容问题以及相应的处理办法 哪怕是名企,这样的问题也难免,要是就是做网站的时候价格太低,不能兼容太多的浏览器,要么就是做的人不够细致。 现象只是表现,重点是要如何去解决它。 在本例子中,只需要设置底部的标签样式表style="clear:both" 即可。 浏览器问题,其本质是默认的margin padding等一些属性,各个厂家的浏览器解析不同罢了,假如在他的前面统一设置,那么这个事情就简单了。 下面是我经过整理的一个新建css样式表模板: /* ---------------------------------------兼容部分分隔线 ---------------------------------------*/ /* 浏览器兼容预先处理开始*/img, :link img, :visited img {border: 0;}/* 默认图片不带边框*/ input{vertical-align:middle;font-family:宋 体,serif;}/* 默认输入框字居中,字体为宋体*/* {margin:0;padding:0;}/* 默认所有对象边距为0,填充为 0*/a{ font-size:12px;text-decoration:none; color:#000000;}/* 默认 所有字体大小为12像素,颜色为黑色,文字没有任何的修饰*//* 浏览器兼容 预先处理结束*/ /* ---------------------------------------公共部分分隔线 ---------------------------------------*/ /* 公共样式部分开始*/ /* 文字部分开始*/ /* 文字部分结束*/ /* 尺寸部分开始*/ /* 尺寸部分结束*/ /* 颜色部分开始*/ /* 颜色部分结束*/ /* 公共样式部分结束*/ /* ---------------------------------------首页分隔线 ---------------------------------------*/ /* 首页板块部分开始*/ /* 首页板块部分开始*/ /* 板块部分结束*/ /* 文字部分开始*/

设为首页代码和加入收藏代码(兼容各种浏览器)

设为首页代码和加入收藏代码(兼容各种浏览器) 把页面设置为首页,加入收藏功能,支持ie,ff,chrome,safari,360安全,qq,遨游,搜狗浏览器,不兼容360急速浏览器的兼容模式下加入收藏功能 注意: 这里虽然说是兼容,但是有些浏览器的设置就是不支持用js来把页面设为首页,加入收藏夹,只能让用户手动去在浏览器或者按键去设置这些功能,这里说的兼容是指当浏览器有这个设置的时候js会有提示. 至于这里说不兼容360急速,我这里有个demo,是360自己的网站,在360极速浏览器的兼容模式下都不支持"加入收藏"这个功能,它自己的浏览器上自己的页面都不支持这个功能. Code: 把页面设置为首页,加入收藏功能,支持ie,ff,chrome,safari,360安全,qq,遨游,搜狗浏览器,不兼容360急速浏览器的加入收藏功能

首页 | 设为首页

| 加入收藏