网页中Login按钮无反应,应该怎么设置?

网页中Login按钮无反应,应该怎么设置? 大家帮帮忙
刚重装好的win7 和win10 用浏览器打开 Login按钮都无反应,按百度搜索出的设置调整后也无效!


代码中是浏览器控制台的内容:




Access to script at 'https://code.jquery.com/jquery-3.6.0.min.js' from origin 'https://student-unisa.studylink.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
index.cfm:38          GET https://code.jquery.com/jquery-3.6.0.min.js net::ERR_FAILED 404
bootstrap.bundle.min.js:6 Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.
    at Object.jQueryDetection (bootstrap.bundle.min.js:6:2481)
    at bootstrap.bundle.min.js:6:2798
    at bootstrap.bundle.min.js:6:167
    at bootstrap.bundle.min.js:6:246
jQueryDetection @ bootstrap.bundle.min.js:6
(匿名) @ bootstrap.bundle.min.js:6
(匿名) @ bootstrap.bundle.min.js:6
(匿名) @ bootstrap.bundle.min.js:6
index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:87 Uncaught ReferenceError: $ is not defined
    at index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:87:1
(匿名) @ index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:87
daterangepicker.jQuery.js:20 Uncaught ReferenceError: jQuery is not defined
    at daterangepicker.jQuery.js:20:1
(匿名) @ daterangepicker.jQuery.js:20
index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:292 Uncaught ReferenceError: $ is not defined
    at index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:292:1
(匿名) @ index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:292
notify.min.js:1 Uncaught ReferenceError: jQuery is not defined
    at notify.min.js:1:246
    at notify.min.js:1:255
(匿名) @ notify.min.js:1
(匿名) @ notify.min.js:1
index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:13          GET https://www.googletagmanager.com/gtm.js?id=GTM-P3WT9NV net::ERR_ABORTED 404 (Not Found)
nrWrapper @ index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:13
(匿名) @ index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:31
(匿名) @ index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:32
index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:13          GET https://www.googletagmanager.com/gtm.js?id=GTM-KWN9ZR net::ERR_ABORTED 404 (Not Found)
nrWrapper @ index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:13
(匿名) @ index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:115
(匿名) @ index.cfm?event=security.showLogin&msg=eventsecured&fr=sp&en=default:116
DevTools 无法加载来源映射:无法加载 https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js.map 的内容:连接错误: net::ERR_CONNECTION_TIMED_OUT
DevTools 无法加载来源映射:无法加载 https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css.map 的内容:连接错误: net::ERR_CONNECTION_TIMED_OUT


题主,这个问题我来替你解决(参考结合AI智能、文心一言),若有帮助,还望采纳,点击回答右侧采纳即可。


根据控制台的错误提示,可能存在以下几个问题:

  1. 跨域问题:浏览器可能会阻止在指定域之外的脚本或资源的访问。你需要在服务器上添加适当的 CORS 标头,以允许来自指定来源的请求。可以参考这篇文章了解如何设置 CORS。

  2. jQuery 未加载:Bootstrap 的 JavaScript 需要在 jQuery 之前被加载。你需要确保在加载 Bootstrap 之前已经加载了 jQuery。你可以从官方网站下载 jQuery,或使用 CDN。

  3. 资源未找到:控制台中的错误可能是由于浏览器无法加载所需的资源(如 jQuery、Bootstrap 等)而引起的。确保你的代码引用的所有资源的 URL 都是正确的,且在服务器上可用。

你可以一步一步排除以上问题,找出导致 Login 按钮无响应的原因,然后进行相应的修改。

Access to script at 'https://code.jquery.com/jquery-3.6.0.min.js' from origin 'https://student-unisa.studylink.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

是因为跨域了,访问了不同的域名导致跨域异常。

【以下回答由 GPT 生成】

问题分析: 根据提供的问题描述,Login按钮在浏览器中点击后没有任何反应。由于是一个JavaScript问题,可能是由于以下几个原因引起的: 1. JavaScript代码错误或缺失 2. JavaScript功能被浏览器安全性设置阻止 3. 浏览器不支持JavaScript或者JavaScript被禁用

解决方案: 1. 确保JavaScript代码正确并且完整: - 检查网页中是否包含Login按钮的JavaScript代码,确保代码没有错误或者缺失。 - 查看网页的源代码,查找是否有对应的JavaScript代码。 2. 检查浏览器安全设置: - 确保浏览器的安全设置没有阻止JavaScript的执行。检查浏览器的安全和隐私设置,以及浏览器插件和扩展程序是否禁用了JavaScript。 3. 检查浏览器是否支持JavaScript: - 网页链接提供的是HTTPS协议,确保浏览器支持HTTPS,并且已经启用。 - 检查浏览器设置,确保JavaScript被启用。 - 尝试在其他浏览器中打开网页,如果在一个浏览器中无法正常工作,可以尝试在其他浏览器中打开该网页,以判断是不是特定浏览器的问题。 4. 清除浏览器缓存: - 清除浏览器的缓存和历史记录,然后重新加载网页。有时候浏览器缓存中的旧JavaScript文件可能导致问题。 5. 检查浏览器控制台: - 在浏览器中打开开发者工具(通常是按下F12键),然后切换到控制台选项卡,检查是否有任何JavaScript错误或警告。 6. 尝试使用不同的设备: - 尝试在其他设备上打开网页,例如手机或平板电脑,检查是否能正常工作。

如果以上解决方案都没有解决问题,那可能是网页本身存在问题或者与特定浏览器不兼容。在这种情况下,建议联系网页开发者或者寻求更专业的技术支持来解决问题。



【相关推荐】



如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

结合GPT给出回答如下请题主参考
登陆按钮无反应可能由多种原因引起,建议按以下步骤检查并尝试解决问题:

  1. 检查浏览器插件和扩展:有些插件和扩展可能会阻止登陆按钮的正常工作。可以尝试禁用或删除浏览器中的插件和扩展,然后重新加载页面。

  2. 检查网站地址:确保网站地址正确,没有拼写错误或其他变化。

  3. 清除浏览器缓存:浏览器缓存可能会导致浏览器无法正常加载页面。可以尝试清除浏览器缓存,然后重新加载页面。

  4. 检查网络连接:确保网络连接正常,没有断开或其他问题。

  5. 检查网站服务器:如果其他用户可以正常登陆,可能是网站服务器出了问题。可以尝试联系网站管理员或等待网站修复问题。

  6. 更新浏览器:如果使用的是老版本的浏览器,可能会出现兼容性问题。可以尝试更新浏览器到最新版本,并重新加载页面。

Access to script at 'https://code.jquery.com/jquery-3.6.0.min.js' from origin 'https://student-unisa.studylink.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

当请求不在同一域名下的资源文件(ip地址+端口号)
不能跨域

https://blog.huli.tw/2021/02/19/cors-guide-2/

看起来是没有成功加载到js的错误,比如,这里的:
Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.
检查下代码中js路径是否有问题,需要在boostrap之前引入

参考gpt

  1. 检查按钮的HTML代码和事件绑定:确保按钮的HTML代码正确,包括正确的标签、类名、ID等。同时,检查按钮是否正确地绑定了事件处理程序。您可以在按钮的HTML代码中查找类似于onclickaddEventListener的事件绑定代码。

  2. 检查JavaScript代码是否正确:如果按钮的点击事件使用了JavaScript代码来处理,确保该代码没有语法错误并且逻辑正确。您可以使用浏览器的开发者工具(通常是按下F12键打开)来检查JavaScript控制台是否有错误消息。

  3. 确保JavaScript库已正确引入:如果您在网页中使用了JavaScript库(例如jQuery或其他自定义库),请确保它们已正确地引入到网页中。您可以在浏览器的开发者工具的“网络”选项卡中检查是否成功加载了这些库文件。

  4. 检查浏览器的安全设置:有时,浏览器的安全设置可能会阻止某些JavaScript代码的执行,包括按钮的点击事件。请确保您的浏览器的安全设置没有阻止网页中的JavaScript代码的执行。您可以尝试在其他浏览器中打开网页,以确定是否是浏览器设置的问题。

  5. 清除浏览器缓存和Cookie:有时,浏览器缓存和Cookie可能会导致网页中的按钮无法正常工作。请尝试清除浏览器的缓存和Cookie,并重新加载网页。

根据控制台错误信息,看起来缺少了jQuery和Bootstrap的JavaScript文件,确保在页面中正确引入了这些文件,并且它们的顺序是正确的,jQuery文件应该在Bootstrap文件之前引入

出现跨域了

按F12打开控制台看看报什么错误