Javascript 在页面加载时添加模式对话框
我刚刚开始学习一些HTML和Java编码（阅读：我对这些东西几乎一无所知），我想让我的index.HTML页面在加载时打开一个HTML文件。本质上，我在寻找一种模式弹出窗口。我一直在研究jQuery及其各种插件（如LightBox、PrettyTo、Boxy等），但鉴于我对编程语言的知识极其有限，我还没有找到任何我能理解的指令 到目前为止，我知道我的文件服务器上需要jQuery.js，插件文件本身也需要jQuery.js，但我不知道在加载页面时，需要向任何现有文件中添加什么样的编码才能在模式对话框中激活特定的HTML文件。有人能帮我吗 同样，答案越简单越好——因为我不知道蹲式Javascript 在页面加载时添加模式对话框,javascript,jquery,modal-dialog,Javascript,Jquery,Modal Dialog,我刚刚开始学习一些HTML和Java编码（阅读：我对这些东西几乎一无所知），我想让我的index.HTML页面在加载时打开一个HTML文件。本质上，我在寻找一种模式弹出窗口。我一直在研究jQuery及其各种插件（如LightBox、PrettyTo、Boxy等），但鉴于我对编程语言的知识极其有限，我还没有找到任何我能理解的指令 到目前为止，我知道我的文件服务器上需要jQuery.js，插件文件本身也需要jQuery.js，但我不知道在加载页面时，需要向任何现有文件中添加什么样的编码才能在模式对话
在我们这个时代的编程向导面前，我谦逊了自己…这里有一个我喜欢的方法，我对它进行了一些重新考虑，这样它就可以通过点击打开。您还必须下载fancybox插件（非常棒）。然后，您只需将iframe类添加到任何链接，它就会将链接加载到模态窗口中。如果愿意，您可以将其更改为id，它最初用于多个链接等
$(document).load(function(){
$( ".selector" ).dialog({ modal: true });
});
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" ></script>
<script type="text/javascript" src="/scripts/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<script type="text/javascript" src="/scripts/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".iframe").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : true,
'autoScale' : true,
'width' : '90%',
'height' : '90%',
'overlayOpacity': 0.8,
'centerOnScroll': true,
'showCloseButton': true,
});
$(".iframe").trigger('click');
});
</script>
$（文档）.ready（函数（）{
$（“.iframe”）.fancybox（{
“transitionIn”：“弹性”，
“transitionOut”：“弹性”，
“speedIn”：600，
“加速输出”：200，
“叠加显示”：正确，
“自动缩放”：正确，
“宽度”：“90%”，
“高度”：90%，
“产能过剩”：0.8，
“centerOnScroll”：正确，
“showCloseButton”：true，
});
$（“.iframe”）.trigger（'click'）；
});
<!DOCTYPE HTML>
<head>
<title>title</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" ></script>
<script type="text/javascript" src="/scripts/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<script type="text/javascript" src="/scripts/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".iframe").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : true,
'autoScale' : true,
'width' : '90%',
'height' : '90%',
'overlayOpacity': 0.8,
'centerOnScroll': true,
'showCloseButton': true
});
$(".iframe").trigger('click');
});
</script>
<style type="text/css">
.iframe {display:none;}
</style>
</head>
<html>
<body>
<a href="www.google.com" class="iframe">Text</a>
</body>
</html>
标题
$（文档）.ready（函数（）{
$（“.iframe”）.fancybox（{
“transitionIn”：“弹性”，
“transitionOut”：“弹性”，
“speedIn”：600，
“加速输出”：200，
“叠加显示”：正确，
“自动缩放”：正确，
“宽度”：“90%”，
“高度”：90%，
“产能过剩”：0.8，
“centerOnScroll”：正确，
“showCloseButton”：真
});
$（“.iframe”）.trigger（'click'）；
});
.iframe{display:none；}
这就是一个例子。从这里开始，唯一需要确保的是将fancybox javascript文件上传到正确的文件夹。您是否有该页面的链接，以便我们可以查看该页面并为您检查错误？您可以在不使用jquery的情况下获得模式窗口。 使用以下代码
函数modalWin（）
{
if（window.showModalDialog）{
showModalDialog（“xpoppex.htm”，“name”，
“对话宽度：255px；对话高度：250px”）；
}
否则{
window.open（'xpoppex.htm'，'name'，'，
'高度=255，宽度=250，工具栏=否，目录=否，状态=否，
菜单栏=否，滚动条=否，可调整大小=否，模式=是'；
}
}java.equals（javascript）