Dialog | jQuery UI
Open content in an interactive overlay.
The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe.
It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.
&!doctype html& lang=&en&&&
charset=&utf-8&&
name=&viewport& content=&width=device-width, initial-scale=1&&
&jQuery UI Dialog - Default functionality&
rel=&stylesheet& href=&///ui/1.12.1/themes/base/jquery-ui.css&&
rel=&stylesheet& href=&/resources/demos/style.css&&
src=&/jquery-1.12.4.js&&&
src=&/ui/1.12.1/jquery-ui.js&&&
$( function() {
$( &#dialog& ).dialog();
id=&dialog& title=&Basic dialog&&
&This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the &x& icon.&&
Want to learn more about the dialog widget? Check out the君，已阅读到文档的结尾了呢~~
vf 中控件属性click事件代码
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
vf 中控件属性click事件代码
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口js 模拟兼容性的 addDOMLoadEvent 事件例子-js教程-网页制作-壹聚教程网js 模拟兼容性的 addDOMLoadEvent 事件例子
addDOMLoadEvent:DOM加载事件window的onload事件是判断页面是否加载完成,实际上它要等页面中所有的数据元素全部加载完成后才会执行，下面我们来看一个js 模拟兼容性的 addDOMLoadEvent 事件例子吧。
由于 window.onload 事件需要在页面所有内容（包括图片等）加载完后，才执行，但往往我们更希望在 DOM 一加载完就执行脚本。其实在现在大部分主流浏览器上（Firefox 3+，Opera 9+，Safari 3+，Chrome 2+）都提供了这一事件方法：addDOMLoadEvent。
document.addEventListener(&DOMContentLoaded&, init, false);
那对于 IE 我们如何模拟 addDOMLoadEvent 事件呢？
Matthias Miller 最早提供了如下的解决方案：
// for Internet Explorer (using conditional comments)
/*@cc_on @*/
/*@if (@_win32)
document.write(&&script id=__ie_onload defer src=:void(0)&&\/script&&);
var script = document.getElementById(&__ie_onload&);
script.onreadystatechange = function() {
&&& if (this.readyState == &complete&) {
&&&&&&& init(); // call the onload handler
/*@end @*/
而 Diego Perini 在其后提供了一种利用 doScroll() 方法来模拟 addDOMLoadEvent 事件的方案，且现在主流的 JavaScript 框架（JQuery、YUI等）基本都采用的这一解决方案。
原理基本如下：
当 ondocumentready 事件触发，文档（ document ）已经完全解析和建立。如果组件需要操作最初的文档结构，初始化代码需被安置在这之后。ondocumentready 事件告知组件，整个页面已被加载，且在 初始文档的 onload 事件触发之前立即触发。
一些方法，例如 doScroll，要求最初的文档被完全加载。如果这些方法是初始化函数的一部分，当ondocumentready 事件触发，他们将被执行。
&* IEContentLoaded.js
&* Author: Diego Perini (diego.perini ) NWBOX S.r.l.
&* Summary: DOMContentLoaded emulation for IE browsers
&* Updated: 05/10/2007
&* License: GPL/CC
&* Version: TBD
// @w&&& window reference
// @fn&&& function reference
function IEContentLoaded (w, fn) {
&&& var d = w.document, done = false,
&&& // only fire once
&&& init = function () {
&&&&&&& if (!done) {
&&&&&&&&&&& done =
&&&&&&&&&&& fn();
&&& // polling for no errors
&&& (function () {
&&&&&&& try {
&&&&&&&&&&& // throws errors until after ondocumentready
&&&&&&&&&&& d.documentElement.doScroll('left');
&&&&&&&&&&& setTimeout(arguments.callee, 50);
&&&&&&&&&&&
&&&&&&& // no errors, fire
&&&&&&& init();
&&& // trying to always fire before onload
&&& d.onreadystatechange = function() {
&&&&&&& if (d.readyState == 'complete') {
&&&&&&&&&&& d.onreadystatechange =
&&&&&&&&&&& init();
JQuery 1.3.2 中源码实现如下：
// If IE and not an
// continually check to see if the document is ready
if ( document.documentElement.doScroll && window == window.top ) (function(){
&&& if ( jQuery.isReady )
&&&&&&& // If IE is used, use the trick by Diego Perini
&&&&&&& // /IEContentLoaded/
&&&&&&& document.documentElement.doScroll(&left&);
&&& } catch( error ) {
&&&&&&& setTimeout( arguments.callee, 0 );
&&& // and execute any waiting functions
&&& jQuery.ready();
YUI 2.7.0 中源码实现如下：
if (EU.isIE) {
&&& // Process onAvailable/onContentReady items when the
&&& // DOM is ready.
&&& YAHOO.util.Event.onDOMReady(
&&&&&&&&&&& YAHOO.util.Event._tryPreloadAttach,
&&&&&&&&&&& YAHOO.util.Event, true);
&&& var n = document.createElement('p');&
&&& EU._dri = setInterval(function() {
&&&&&&& try {
&&&&&&&&&&& // throws an error if doc is not ready
&&&&&&&&&&& n.doScroll('left');
&&&&&&&&&&& clearInterval(EU._dri);
&&&&&&&&&&& EU._dri =
&&&&&&&&&&& EU._ready();
&&&&&&&&&&& n =
&&&&&&& } catch (ex) {
&&& }, EU.POLL_INTERVAL);
另外对于版本小于 Safari 3+ 的 Safari 浏览器，John Resig 也提供了一个解决方案：
if (/WebKit/i.test(navigator.userAgent)) { // sniff
&&& var _timer = setInterval(function() {
&&&&&&& if (/loaded|complete/.test(document.readyState)) {
&&&&&&&&&&& clearInterval(_timer);
&&&&&&&&&&& init(); // call the onload handler
&&& }, 10);
如果脚本是动态注入到页面上，则原生的 DOMContentReady 事件是不会被触发（即：IE 除外）。
IE 下对于在 iframe 里的使用 addDOMLoadEvent 事件，需做处理和慎用（这一点 YUI 做得不如 JQuery 细致）。
// form JQuery 1.3.2
// ensure firing before onload, maybe late but safe also for iframes
document.attachEvent(&onreadystatechange&, function(){
&&& if ( document.readyState === &complete& ) {
&&&&&&& document.detachEvent( &onreadystatechange&, arguments.callee );
&&&&&&& jQuery.ready();
上一页： &&&&&下一页：相关内容
暂无与此文章相关内容最新内容