Blazor页面如何调用document.write

今天做支付宝接口的集成，提交后获得了一段form代码：

<form name="punchout_form" method="post" action="https://openapi.alipay.com/gateway.do?......">

<input type="submit" value="立即支付" style="display:none" >

</form>

<script>document.forms[0].submit();</script>

以前是用webform开发，直接调用JavaScript的document.write就好了。可是Blazor中没有document对象，该如何调用呢？

思路就是通过IJSRuntime来调用js函数。在www/site.js中，增加函数

function write(content) {

document.write(content);

然后在razor文件中，头部增加：

@inject IJSRuntime jsRuntime

在调用完支付宝接口之后，在调用：

jsRuntime.InvokeVoidAsync("write", response.Body);

response.Body就是支付宝返回的内容。

详解JavaScript document.write() 用法

document.write() 用法

在JavaScript中document.write()函数可以向文档写入HTML表达式或JavaScript代码，用法“document.write(exp1,exp2,exp3,....)”，该函数可接受任何多个参数，并将其写入文档中。

document.write() 说明

虽然根据 DOM 标准，该方法只接受单个字符串作为参数。

我们通常按照两种的方式使用 write() 方法：一是在使用该方在文档中输出 HTML，另一种是在调用该方法的的窗口之外的窗口、框架中产生新文档。在第二种情况中，请务必使用 close() 方法来关闭文档。

document.write() 实例

以上就是JavaScript document.write() 用法的详细内容，更多请关注网站的其它相关文章！