innerHTML 中添加onclick方法不管用

2015-09-30 11:45:26 698 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Markdown编辑器XSS防御实战：从ByteMD源码看Web安全纵深防御跨站脚本攻击（XSS）是Web应用中最常见的安全威胁之一，其原理是攻击者通过注入恶意脚本，在用户浏览器中执行未授权操作。在内容型应用中，即使是看似安全的Markdown格式，也可能因渲染过程中的HTML转换而成为XSS攻击向量。本文以广泛应用的ByteMD编辑器为例，深入解析其如何通过多层安全架构——包括基于markdown-it的解析约束、AST转换阶段的插件安全边界，以及HTML输出时的DOMPurify净化——构建纵深防御体系。这些工程实践不仅适用于Markdown编辑器，也为任何涉及用户生成内容渲染阅读详情

     div.style.height = "200px";

                        div.style.cursor = "pointer";

                        div.style.border = "1px solid gray";

                        div.style.backgroundColor = "white";

                        div.style.margin = "auto";

                        div.id = "divTablePole";

                        var stringBreakDownPole = "<table class='table'><tr><th>箱名称</th><th>杆编号</th></tr>";

                        for (var i = 0; i < data.length; i++)

                        {

                            if (largenelat > data[i].XLat && smallswlat < data[i].XLat && data[i].YLong < largenelng && data[i].YLong > smallswlng)

                            {



                                if (!mgr)

                                    mgr = new BMapLib.MarkerManager(window.bmap, {});

                                var point = new BMap.Point(data[i].YLong, data[i].XLat);

                                var marker = BmapUtils.marker.addWithIcon(data[i].YLong, data[i].XLat, data[i].Ico, size);

                                marker.setTitle(data[i].Title);

                                setMarkerMetadata(marker, data[i]);

                                arraypoint.push(marker);

                                

                                stringBreakDownPole += "<tr class='info' name=" + data[i].Title + " onclick='clickMarkerLocation("+data[i].Title+")'><td>" + data[i].CabName + "</td><td>" + data[i].Title + "</td></tr>";

                              

                                

                                if (window.bmap.getZoom() == zoom)

                                {

                                    BmapUtils.marker.focused(marker, zoom);

                                    setSimInfoWindows(marker, zoom);

                                }

                                a++;

                            }

                        }



                        stringBreakDownPole += "</table><input style='float:left;margin:0px;' value='故障灯有"+a+"个' class='btn btn-warning' type='button'></input><input style='float:right;margin:0px;' value='关闭' class='btn btn-danger' type='button' onclick='$(\"#close\").click()'></button>";

                        div.innerHTML=stringBreakDownPole;

                        div.style.overflowY = "scroll";

...全文

JavaScript三大运行错误：SyntaxError、ReferenceError、TypeError实战排查指南 JavaScript错误是前端开发中最频繁的调试场景，其中SyntaxError（语法解析失败）、ReferenceError（标识符未声明）和TypeError（类型不匹配操作）构成了90%以上的控制台红字。它们分别发生在代码加载前的解析阶段、执行时的作用域查找阶段，以及运行中的值类型校验阶段。理解这三类错误的本质差异，能避免将环境兼容问题误判为代码缺陷，或将Promise链中断归因为语法错误。在Vue3、uniapp、Webpack等真实工程中，SyntaxError常源于构建配置或资源路径异常，Ref 阅读详情

花儿谢了后

.NET社区 62,272 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

Magic_Freedom 2015-10-09

打赏
举报

有时候一个空格也是问题的所在，检查检查。

紫魂一号 2015-10-08

打赏
举报

把你整个动态添加的语句打印出来瞧瞧,或者复制到其他页看看有没有报错

花儿谢了后 2015-10-08

打赏
举报

引用 5 楼 starfd 的回复:

onclick='clickMarkerLocation(\""+data[i].Title+"\")'
而且你的title肯定是字符串，js的话那你必须用引号包含

f12 显示这样onclick="clickMarkerLocation("Test102")"

花儿谢了后 2015-10-08

打赏
举报

引用 9 楼 starfd 的回复:

请看5楼，试下加双引号

shi试了不行

我纯洁全身都纯洁 2015-10-08

打赏
举报

" onclick='clickMarkerLocation("+data[i].Title+")'><td>" 改为 " onclick='clickMarkerLocation(‘"+data[i].Title+"’)'><td>"

花儿谢了后 2015-10-08

打赏
举报

引用 13 楼 zifengshen1981 的回复:

把你整个动态添加的语句打印出来瞧瞧,或者复制到其他页看看有没有报错

引用 8 楼 hanjun0612 的回复:

我个人觉得，是由于你后台生成的次click事件，所以导致没有绑定。不知道你了解 jquery的 live和 bind 的区别吗 live就是针对你这种，生成的 html，其中包含事件的。可js加载时又没有绑定的情况。我觉得你可以把td标签的 onclick抽出来，给需要增加事件的 td标签，都记录一个统一的空class属性前台通过jquery实现比如 <td class='MarkerLocation'></td> $('.MarkerLocation').live('click',function(){ clickMarkerLocation(); })

多谢先前也这样试过！没成功看到你这样一说我又试了下先前是方法调用了参数没传好现在用live解决了！多谢了

花儿谢了后 2015-10-08

打赏
举报

引用 10 楼 tcmakebest 的回复:

这些代码只是后台制作流程, 大家要看的是得出的结果, 因为这些到达浏览器时,就是另一种流程了.

引用 14 楼 starfd 的回复:

那你改成

stringBreakDownPole += "<tr class='info' name=" + data[i].Title + " onclick=\"clickMarkerLocation('"+data[i].Title+"')\"><td>" + data[i].CabName + "</td><td>" + data[i].Title + "</td></tr>";

这个也试过了不行用了那个live方法给解决了先前以为不行也是参数问题没传好方法可以调用谢谢版主了

娃都会打酱油了 2015-10-08

打赏
举报

那你改成

stringBreakDownPole += "<tr class='info' name=" + data[i].Title + " onclick=\"clickMarkerLocation('"+data[i].Title+"')\"><td>" + data[i].CabName + "</td><td>" + data[i].Title + "</td></tr>";

tcmakebest 2015-10-04

打赏
举报

这些代码只是后台制作流程, 大家要看的是得出的结果, 因为这些到达浏览器时,就是另一种流程了.

娃都会打酱油了 2015-09-30

打赏
举报

onclick='clickMarkerLocation(\""+data[i].Title+"\")'

而且你的title肯定是字符串，js的话那你必须用引号包含

娃都会打酱油了 2015-09-30

打赏
举报

你的onclick是要调用前端js的方法，还是后台net的方法？

拜一刀 2015-09-30

打赏
举报

你看看实际页面的控件有这个属性没话说我没用过单引号呢

ajianchina 2015-09-30

打赏
举报

仅这一句cs代码没问题，你检查一下js函数是不是有问题，你alert一下看看能否弹出来呢。

花儿谢了后 2015-09-30

打赏
举报

 stringBreakDownPole += "<tr class='info' name=" + data[i].Title + " onclick='clickMarkerLocation("+data[i].Title+")'><td>" + data[i].CabName + "</td><td>" + data[i].Title + "</td></tr>";

就是这一句这个方法为什么不管用方法在这里

    var clickMarkerLocation=function (e) {
        zoom = 18;
        for (var i = 0; i < arraypoint.length; i++) {
            if (arraypoint[i]._config.title == e) {
                BmapUtils.marker.focused(arraypoint[i], zoom);
                setSimInfoWindows(arraypoint[i], zoom);
            }
        }
    }

娃都会打酱油了 2015-09-30

打赏
举报

请看5楼，试下加双引号

正怒月神版主 2015-09-30

打赏
举报

我个人觉得，是由于你后台生成的次click事件，所以导致没有绑定。不知道你了解 jquery的 live和 bind 的区别吗 live就是针对你这种，生成的 html，其中包含事件的。可js加载时又没有绑定的情况。我觉得你可以把td标签的 onclick抽出来，给需要增加事件的 td标签，都记录一个统一的空class属性前台通过jquery实现比如 <td class='MarkerLocation'></td> $('.MarkerLocation').live('click',function(){ clickMarkerLocation(); })

花儿谢了后 2015-09-30

打赏
举报

引用 4 楼 starfd 的回复:

你的onclick是要调用前端js的方法，还是后台net的方法？

前端的 function

花儿谢了后 2015-09-30

打赏
举报

引用 2 楼 ajianchina 的回复:

仅这一句cs代码没问题，你检查一下js函数是不是有问题，你alert一下看看能否弹出来呢。

js函数是没有问题的

innerHTML 中添加onclick方法 不管用

相关推荐

innerHTML 中添加onclick方法不管用