gpt4 book ai didi

Javascript 不适用于 Azure AD B2C 自定义登录

转载 作者:行者123 更新时间:2023-12-03 05:11:27 25 4
gpt4 key购买 nike

我正在尝试让 javascript 在 Azure AD B2C 登录页面上运行,但它不起作用,而且我不确定我缺少什么。

我正在将用户流程与自定义登录页面结合使用。为了尽可能简单,我的自定义页面 HTML 是:

<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<script>
function displayText() {
var welcomeText = document.getElementById('welcomeText');
welcomeText.textContent = 'Welcome to the login page!';
}
</script>

</head>
<body onload="displayText()">
<p id="welcomeText"></p>
<div id="api"></div>
</body>
</html>

它托管在 Azure Blob 存储容器中,当我测试登录时,自定义页面可以正确加载,只有 javascript 似乎不起作用。

当我从 blob 存储打开页面时,它按预期工作:

Loading from blob storage

但是,加载登录页面时,欢迎文本丢失(请注意,页面标题已更新以匹配 HTML): enter image description here

我已经确认的事情:

  1. 我的浏览器启用了 JavaScript
  2. 脚本位于 head 标签中
  3. Javascript 已启用: enter image description here
  4. 我正在使用 2.1.12 版本的页面布局(并且尝试过其他版本,但没有成功): enter image description here

请问我缺少什么?

最佳答案

这可能是由于 div id 与按元素读取 id 时发生冲突所致。

作为解决方法,您可以创建一个标签并向其中添加文本。

<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<script>
var label = document.createElement('label');
label.appendChild(document.createTextNode('Welcome to the Login page @'));
document.body.appendChild(label);
</script>
</head>
<body>
<div id="api"></div>
</body>
</html>

这将在页面顶部显示文本。

enter image description here

关于Javascript 不适用于 Azure AD B2C 自定义登录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/76586580/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com