yt4440 2023-03-05 10:47 采纳率: 66.7%
浏览 8
已结题

封装函数无法运行成功


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>封装</title>
</head>
<body>
    <script type="text/javascript">
        function jQuery(selector){
            if(selector.charAt(0)=="#")
            {
                let domObj=document.getElementById(selector.substring(1))
                return domObj
            }
        }
        Window.onload=function(){
            jQuery("#btn").onclick=function(){
                jQuery("#div1").innerHTML="用户名不可用。"
            }
        }
    </script>
    <button id="btn">输入用户名</button>
    <div id="div1"></div>
</body>
</html>

初学前端封装函数，进行了一个小练习，但运行结果单击按钮后无法显示文字，求解答哪里出错了

  • 写回答

2条回答 默认 最新

  • 「已注销」 2023-03-05 10:55
    关注

    “Devil组”引证GPT后的撰写：
    你将 Window.onload 的 W 大写了，导致代码无法执行 onload 函数。另外，jQuery 函数没有处理 selector 参数不是以 # 开头的情况，这可能会导致函数返回 undefined。
    修改后

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>封装</title>
</head>
<body>
    <script type="text/javascript">
        function jQuery(selector){
            if(selector.charAt(0)=="#")
            {
                let domObj=document.getElementById(selector.substring(1))
                return domObj
            }
            return null;
        }
        window.onload=function(){
            jQuery("#btn").onclick=function(){
                jQuery("#div1").innerHTML="用户名不可用。"
            }
        }
    </script>
    <button id="btn">输入用户名</button>
    <div id="div1"></div>
</body>
</html>

    将 Window.onload 改为 window.onload，同时在 jQuery 函数中添加了一个 return null 语句来处理无效的选择器。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 3月13日
  • 已采纳回答 3月5日
  • 创建了问题 3月5日

悬赏问题

  • ¥15 微信会员卡等级和折扣规则
  • ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
  • ¥15 随身WiFi网络灯亮但是没有网络，如何解决？
  • ¥15 gdf格式的脑电数据如何处理matlab
  • ¥20 重新写的代码替换了之后运行hbuliderx就这样了
  • ¥100 监控抖音用户作品更新可以微信公众号提醒
  • ¥15 UE5 如何可以不渲染HDRIBackdrop背景
  • ¥70 2048小游戏毕设项目
  • ¥20 mysql架构，按照姓名分表
  • ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分