`

ymPrompt提示组件在IE8中的小bug

阅读更多

 


我们写惯性的让dreamweave,eclipse之类的工具帮我们生成html,jsp页面的主体部分。但是正是这个习惯,和我们的ymPrompt的兼容产生了一个小的bug。

doctype申明是生成文件的一部分,虽然大多数Web文档的顶部都有doctype声明,但很多人都没有注意它。虽然doctype被许多人忽视,但在遵循标准的任何Web文档中,它都是一项必需的元素。doctype会影响代码验证,并决定了浏览器最终如何显示你的Web文档。如:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd ">

我们知道它申明版本,规则。这个规则决定了很多东西,在IE8中这个申明就和ymPrompt提示组件中的alert函数产生了冲突,当我们使用alert时,如:

{{ ymPrompt.alert(

Unknown macro: {title}

{}}}{}

);

它会有一个确定按钮,当我们点击确定的时候,它会反色将原来的可操作区屏蔽,这是一个很不友好的屏蔽,每次你都得重新来登陆你的页面。这一切都是在IE8中doctype与ymPrompt冲突产生的bug.

我根据不同的申明做了相同的测试,发现4.01之前版本的html类型的doctype都不会有这种问题,如:

HTML 2:

<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">

HTML 3.2:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

但是其他的4.01以上的html版本以及一些像xhtml版本就不行,具体测试过的有:

HTML 4.01 Strict:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd ">

HTML 4.01 Transitional:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd ">

HTML 4.01 Frameset:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd ">

XHTML 1.0 Strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">

XHTML 1.0 Transitional:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

XHTML 1.0 Frameset:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd ">

XHTML 1.1:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">

XHTML 1.1 plus MathML plus SVG:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd ">

当然你可以不写doctype,这样它默认的好像是html2.0版本的。

0
0
分享到:
评论

相关推荐

    ymPrompt消息提示组件4.0版

    总结起来,ymPrompt消息提示组件4.0版以其出色的用户体验设计和强大的功能性,成为了前端开发中不可或缺的一部分。通过熟练掌握并应用ymPrompt,开发者可以为他们的项目注入更多的活力和人性化元素,提升整体的质量...

    ymprompt消息提示组件及使用范例

    ymPrompt消息提示组件是一款在Web开发中常用的交互工具,它主要负责向用户显示各种提示信息,如警告、确认、信息提示等。这个组件通常被用于提高用户体验,通过提供直观的反馈来帮助用户理解和操作应用程序。...

    ymPrompt消息提示组件

    "ymPrompt消息提示组件"是一种专门用于在客户端应用程序中实现丰富多样的消息提示功能的软件组件。这个组件设计的目标是提供美观且用户友好的界面,以便在用户与应用交互时传达必要的信息,如操作成功、警告、错误等...

    js对话框 YMPROMPT4.0消息提示组件

    JS对话框YMPROMPT4.0是一个专门用于创建动态、自定义消息提示组件的JavaScript库,它能够帮助开发者在不离开当前页面的情况下,向用户展示各种信息,如警告、确认、询问等,从而增加网站的互动性和用户友好性。...

    ymPrompt消息提示组件3.0版DEMO演示

    "ymPrompt消息提示组件3.0版DEMO演示"是一个专注于提供用户交互体验优化的工具,主要用于在网页应用中展示各种类型的消息提示。这个组件的最新版本为3.0,由开发者wazhpi(八零後-㊣平)创建。ymPrompt组件设计精巧...

    YmPrompt消息提示组件

    "YmPrompt消息提示组件"是一款专为网页...总的来说,"YmPrompt消息提示组件"提供了丰富的提示功能,简化了网页中的提示设计,同时通过源码、示例和文档,确保了开发者能够方便地集成和定制,以提升网页应用的用户体验。

    ymPrompt 消息提示 DIV弹出框 组件

    "ymPrompt 消息提示 DIV弹出框 组件"是一个专为网页设计的JavaScript插件,主要用于实现动态、可自定义的消息提示功能。这个组件基于HTML的DIV元素,通过CSS和JavaScript来创建一个弹出框,可以替代传统的alert、...

    ymPrompt消息提示组件 2.0

    "ymPrompt消息提示组件 2.0"是一个专为Web开发者设计的自定义消息提示工具,旨在替代浏览器原生的alert、confirm等对话框。它提供了更丰富的样式控制和更灵活的交互体验,使得开发者可以按照网站或应用的UI风格...

    ymPrompt消息提示组件4.0版DEMO演示及使用简介

    ymPrompt消息提示组件是软件开发中的一个实用工具,主要用于向用户显示各种类型的通知、提示或者交互信息。在4.0版本中,ymPrompt组件引入了更多优化和新特性,提升了用户体验和开发者的便利性。本篇文章将深入探讨...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    1、在页面中引入ymPrompt.js。如:&lt;script type="text/javascript" src="ymPrompt.js"&gt;&lt;/script&gt; 2、在页面中引入对应的皮肤文件的CSS,如:&lt;link rel="stylesheet" type="text/css" href="skin/qq/ymPrompt.css" ...

    ymPrompt非常漂亮的消息提示组件4.0版

    "ymPrompt非常漂亮的消息提示组件4.0版"是一个专为网页应用设计的用户界面组件,旨在提供美观且功能丰富的消息提示服务。该组件的主要目标是提升用户体验,通过优雅的视觉效果和人性化的交互设计,使得系统通知、...

    ymPrompt消息提示组件4.0版[2009-03-02]DEMO演示及使用简介

    "ymPrompt消息提示组件4.0版[2009-03-02]DEMO演示及使用简介"是一个面向IT开发者的资源,主要关注前端界面中的消息提示功能。这个组件提供了丰富的提示样式和交互体验,适用于网页应用中显示各种类型的通知或提示...

    ymPrompt消息提示组件 4.0

    在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,同时我们经常希望能实现一些window.open之类的弹出框,但window.open弹出框存在诸多问题,如可能被拦截,界面不美观等。 为了实现更好...

    js 消息提示框(ymPrompt消息提示组件 2.0)

    组件说明:在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,为了实现更好的界面效果,于是模拟系统的消息提示框实现了该组件。在外观上可以通过css进行完全的控制。 效果不错,特此...

    JS 模拟alert (ymPrompt3.0 消息提示组件)

    `ymPrompt3.0`就是一个这样的JS消息提示组件,它允许开发者自定义样式、添加多种类型的消息,并且可以与页面其他元素更好地融合。这个组件旨在提高用户体验,提供更丰富的交互方式。 `ymPrompt3.0`的核心功能包括:...

    ymPrompt漂亮提示框

    "ymPrompt漂亮提示框"是一款专门用于网页交互的弹出提示组件,它的设计目标是提供美观且兼容性强的用户体验。ymPrompt不仅外观精致,能够适应各种网页设计风格,还具有高度的浏览器兼容性,能够在包括Chrome、Fire...

    ymPrompt 一个非常实用的弹出层、消息提示框架

    同时,ymPrompt 具有良好的兼容性,能够在主流的浏览器环境下稳定运行,包括Chrome、Firefox、Safari、Edge以及IE9及以上版本。 在实际应用中,ymPrompt 可以广泛应用于各种类型的Web项目,无论是企业级应用、电子...

Global site tag (gtag.js) - Google Analytics