javascript - MVC 3 Razor 弹出窗口

Question

我需要在单击 View 中的按钮时打开一个新的弹出窗口。新窗口应该重定向到特定 Controller 中的特定操作方法。我还需要为新弹出窗口的大小提供属性。我一直在尝试以下代码:

<input type="button" name = "ClickMe" Value="ClickMe" onclick= "javascript:window.open('/Home/Create/','Customer Search',height='window.screen.height - 100', width='200',left='window.screen.width - 250' ,top='10',status='no',toobar='no',resizable='yes',scrollbars='yes')"/>

点击按钮，没有任何反应。我收到以下 Javascript 错误:

Line: 19
Char: 1
Error: Invalid argument.
Code: 0

当我检查呈现的 HTML 的 ViewSource 时，我发现那一行是呈现按钮的那一行。我正在使用带有 IE 7 的 Windows Vista。我正在使用 VS 2010 中的 Razor 引擎开发 MVC 3

Answer 1

尊重html。尊重javascript。尊重您正在编写的框架，该框架从第二版到第三版进行了两项重大更改(验证和 ajaxity)以应用更新的现代原则 - Unobtrusive Javascript .如果您遵循该原则(在 vs javascript synthax 突出显示的帮助下)，您可以在此处提问时花更少的时间来纠正该错误。

    <input type="button" id="ClickMe" name = "ClickMe" Value="ClickMe" />
...
    <script type="text/javascript">
            $(function () {
                $('#ClickMe').click(function () {
                   window.open('/Home/Create/', 'CustomerSearch', 'height=' + (window.screen.height - 100) + ',width=200,left=' + (window.screen.width - 250) + ',top=10,status=no,toolbar=no,resizable=yes,scrollbars=yes');
                });
            });
    </script>

正如我所发现的，这是 IE 窗口名称中的空格问题 -“客户搜索”。如果您删除该空格 - 'CustomerSearch'，它也会在 IE 中开始工作