编辑“︁Javascript Https”︁（章节）

=== 实际案例 ===
==== 案例1：登录表单安全提交 ====
假设有一个登录表单，使用HTTPS确保用户名和密码安全传输：

<syntaxhighlight lang="html">
<form id="loginForm">
  <input type="text" name="username" placeholder="Username">
  <input type="password" name="password" placeholder="Password">
  <button type="submit">Login</button>
</form>

<script>
document.getElementById('loginForm').addEventListener('submit', async (e) => {
  e.preventDefault();
  const formData = new FormData(e.target);
  const response = await fetch('https://api.example.com/login', {
    method: 'POST',
    body: JSON.stringify(Object.fromEntries(formData)),
    headers: { 'Content-Type': 'application/json' }
  });
  // 处理响应...
});
</script>
</syntaxhighlight>

==== 案例2：混合内容警告 ====
如果HTTPS页面加载HTTP资源，浏览器会阻止或警告：

<syntaxhighlight lang="javascript">
// 错误示例：HTTPS页面中加载HTTP脚本
const script = document.createElement('script');
script.src = 'http://insecure.example.com/library.js'; // 会被浏览器阻止
document.head.appendChild(script);
</syntaxhighlight>