Question

我正在尝试使用JavaScript创建Metro应用，但我找不到创建弹出窗口的方法。

我正在尝试做的一个例子如下所示：

enter image description here

有没有办法使用JavaScript（没有jQuery）？

我正在尝试使用alert但是当我在Visual Studio中运行时，我收到以下错误：

0x800a1391 - JavaScript runtime error: 'alert' is undefined

JSFIDDLE CODE

HTML：

<body>
    <header>
        <button id="about">About</button>
    </header>
</body>

JAVASCRIPT：

function button(){
    var about = document.getElementById("about");
    about.addEventListener("click", buttonAboutHandler, false);  
}

function buttonAboutHandler(eventinfo) {
    alert("About");
}

Answer 1

首先。您需要在解决问题的窗口onload上注册您的活动，以附加点击事件。

http://jsfiddle.net/Qz5dA/1/

现在创建一个没有Jquery的对话框，使用纯javascript创建div并定义你的css来创建效果

http://jsfiddle.net/Qz5dA/4/

Answer 2

您可以使用messageDialogbox类

var messageDialog = new Windows.UI.Popups.MessageDialog(string);

然后使用

显示它

.showAsync()

方法。在事件处理程序中使用此代码，并且每当事件触发器弹出窗口都会出现。

var messageDialog = new Windows.UI.Popups.MessageDialog("About", "your text");
messageDialog.showAsync();

参考：MessageDialog Class

Metro应用程序 - 弹出窗口JavaScript

2 个答案: