从桌面打开文件到弹出窗口

时间:2012-10-18 18:38:01

标签: javascript html popupwindow

我是html编码的初学者,我想知道我是否可以直接在页面中编写窗口大小和其他属性。 我解释一下。

我正在进行计算,我想在桌面上运行html文件。一切正常,但它会在浏览器中启动,其中打开其他选项卡。我希望它在一个小的弹出窗口中运行,没有带有固定窗口大小的statusbars书签栏。

编辑:

代码本身

<!doctype html>
<html>
<head><center>Kalkuraatur</center>
<Title>Javascripti Kalkulaator</title>
<script type="text/javascript">
    if(window.name != "mypopup") {
        window.open(document.location.href,'mypopup', 'left=300,top=200,width=200,height=200,toolbar=0,status=0,location=0,menubar=0,scrollbars=0,titlebar=0'); var child = window.open(...; child.focus();
        window.close();
    }
</script>
<script type="text/javascript">
function arvuta ()
{
kalku.sisend.value = eval(kalku.sisend.value)
}
function Bspace(sisend)
{
kalku.sisend.value = kalku.sisend.value.substring(0, kalku.sisend.value.length - 1)
}
</script>
</head>
<body>
<center>
<form name="kalku">
<table border=2>
<tr><td>
<input type="text" name="sisend" size="21">
<br>
</td></tr>
<tr><td>
<input type="button" name="seitse" value=" 7 " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '7'">
<input type="button" name="kaheksa" value=" 8 " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '8'">
<input type="button" name="yheksa" value=" 9 " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '9'">
<input type="button" name="ykstagasi" value="del" style="height: 22px; width: 30px" onclick="Bspace(this)">
<input type="button" name="kustuta" value=" C " style="height: 22px; width: 30px" onclick="kalku.sisend.value = ''">
<br>
<input type="button" name="neli" value=" 4 " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '4'">
<input type="button" name="viis" value=" 5 " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '5'">
<input type="button" name="kuus" value=" 6 " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '6'">
<input type="button" name="jaga" value=" ÷ " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '/'">
<input type="button" name="korruta" value=" x " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '*'">
<br>
<input type="button" name="yks" value=" 1 " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '1'">
<input type="button" name="kaks" value=" 2 " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '2'">
<input type="button" name="kolm" value=" 3 " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '3'">
<input type="button" name="lahuta" value=" - " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '-'">
<input type="button" name="plus" value=" + " style="height: 22px; width: 30px" onclick="kalku.sisend.value += '+'">
<br>
<input type="button" name="null" value=" 0 " style="height: 23px; width: 64px" onclick="kalku.sisend.value += '0'">
<input type="button" name="koma" value=" , " style="height: 22px; width: 30px" onclick="kalku.sisend.value += ','">
<input type="button" name="v6rdub" value=" = " style="height: 22px; width: 64px" onclick="arvuta ()">
</td></tr>
</form>
</center>
</body>
</html>

3 个答案:

答案 0 :(得分:1)

如果您愿意配置/处理弹出窗口阻止程序,可以将其添加为html文档头部的第一个条目:

<script type="text/javascript">
    if(window.name != "mypopup") {
        window.open(document.location.href,'mypopup', 'left=300,top=200,width=200,height=200,toolbar=0,status=0,location=0,menubar=0,scrollbars=0,titlebar=0');
        window.open('', '_self', ''); // chrome bug
        window.close();
    }
</script>

尚未经过测试,但请尝试将其作为重点:

<script type="text/javascript">
    if(window.name != "mypopup") {
        var childWindow = window.open(document.location.href,'mypopup', 'left=300,top=200,width=200,height=200,toolbar=0,status=0,location=0,menubar=0,scrollbars=0,titlebar=0');
        //like this
        childWindow.focus();
        window.open('', '_self', ''); // chrome bug
        window.close();
    } else {
        //or like this
        window.focus();
    }
</script>

答案 1 :(得分:0)

据我所知,浏览器窗口的大小是用HTML无法改变的。现在,您可以使用javascript和/或jQuery编写自己的弹出窗口。

添加“点击运行计算”链接到用户将登陆的页面。当他们点击链接时启动自定义弹出窗口。

这是我的意思的工作example

答案 2 :(得分:0)

请查看W3上的window.open文档,以指定您需要的内容。

http://www.w3schools.com/jsref/met_win_open.asp