Question

在我的应用程序中，我正在使用以下代码显示一个带有网页的javascript：

 popwin = window.open(URL, '" + id + "', 
'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=750,
 height=600,left = 262,top = 84');

正在向我提供所需的弹出页面。

我想知道是否有任何方法可以从此弹出框中删除用户互动，也可以删除关闭按钮。

我将使用一些计时器关闭此弹出窗口，但我不希望该用户能够控制弹出窗口。有什么办法吗？

我用谷歌搜索了一下，但还没有相关的方法去做。

注意：我可以使用Modal Pop Up吗？

请提出任何好方法。

Answer 1

您可以尝试以下代码。

popwin = window.open(URL, '" + id + "','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=750, height=600,left = 262,top = 84');
SetTimeOut(function(){ popwin.close()},2000);

这里'2000'是以毫秒为单位的时间。 2000毫秒= 2秒。如果发生任何错误，请告诉我。您可以尝试Telerik Radwindows。

Answer 2

您可以在Fancy Box中加载内容，并根据需要自定义fancybox。

Answer 3

我认为使用类似CSS的弹出窗口可能更合适。

工作示例： http://www.pat-burt.com/csspopup.html#

至于你的计时器你可以用你的计时器改变css属性或使用一些jquery框架插件，如即兴： http://trentrichardson.com/Impromptu/

与我认为的css解决方案相比，部署的时间更短。

Answer 4

嘿，这是我的弹出窗口。它不是一个窗口，而是像一个窗口，并且在jquery和javascript中。

$("document").ready( function() {
var link = ""; // your link here
var d = document.createElement("div");
d.style.display = "block";
d.style.border = "1px solid #282828";
d.style.background = "#ffffff";
d.style.width = "750px";
d.style.height = "450px";
d.setAttribute("id", "popup");
var m = document.createElement("iframe");
m.setAttribute("src", link);
m.style.width = "750px";
m.style.height = "450px";
m.style.border = "0";
document.body.appendChild(d);
d.appendChild(m);
var s=0;
var n = setInterval( function() { s=s+1; if (s == 5) {
$("#popup").remove();
} }, 1000);
});

http://jsfiddle.net/APKTX/

从弹出的Javascript中删除用户交互

4 个答案: