如何与 WebSharper 交互和设置 DOM 属性？

【问题标题】：How to interact and set DOM properties with WebSharper?如何与 WebSharper 交互和设置 DOM 属性？
【发布时间】：2014-03-16 15:05:18
【问题描述】：

我经常需要与页面的 DOM 进行交互，如何通过 WebSharper 进行交互？

例如，当我想用 JavaScript 重定向我的页面时，我会运行：

window.location = "http://www.google.com/";

如何访问window 并设置location？这在 F# 中看起来如何？
此外，它如何与函数一起使用，例如 IE：

window.navigate("http://www.google.com/")

注意：如果有通过 WebSharper 重定向的内置方法，我很想知道，但请记住，这只是一个示例。

【问题讨论】：

【解决方案1】：

您可以在打开支持标准 HTML5 API 的 IntelliFactory.WebSharper.Html5 命名空间后访问 window.location 属性。为了使用位置对象进行导航，您可以调用 assign 或 replace 方法：

Window.Self.Location.Assign "http://www.google.com/"

here 提供现场演示。

对于特定于供应商的函数，您可以内联 JavaScript 并像内置在 WebSharper 中一样使用它：

[<Inline "window.navigate($uri)">]
let ieNavigate uri = X<unit>

【讨论】：