GG资源网

Blazor页面如何调用document.write(详解JavaScript document.write() 用法)

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() 实例

<html>

<body>

<script type=\"text/javascript\">

document.write(\"Hello World!\");

</script>

</body>

</html>

以上就是JavaScript document.write() 用法的详细内容,更多请关注网站的其它相关文章!详解JavaScript document.write() 用法 (https://www.wpmee.com/) javascript教程 第1张

由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » Blazor页面如何调用document.write(详解JavaScript document.write() 用法)

发表回复

CAPTCHAis initialing...