prompt.ml/15中＜svg＞标签使用解释

最新推荐文章于 2022-10-24 22:17:20 发布
最新推荐文章于 2022-10-24 22:17:20 发布
阅读量178 收藏
点赞数
分类专栏： 杂记 Web攻防 文章标签： 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/C_LCH_2000/article/details/126080251
版权
本文探讨了在HTML中使用SVG的原因，主要集中在SVG如何改变命名空间，使得通常在HTML中失效的注释符可以生效。通过示例展示了如何利用SVG标签避免由于<script>标签内的注释被解析为文本的问题。
摘要由CSDN通过智能技术生成

 不使用<svg>，返回：


<p class="comment" title=""><!--" data-comment='{"id":0}'></p>
<p class="comment" title="--><script><!--" data-comment='{"id":1}'></p>
<p class="comment" title="-->prompt(1<!--" data-comment='{"id":2}'></p>
<p class="comment" title="-->)</script>" data-comment='{"id":3}'></p>

拿到网页中看一下；

可以看到，由于<script>是原始文本标签，其内部的<!-- --> 变成了文本以至失效；

但由于<svg>和<html>是不同的命名空间，且<svg>支持XML语法格式，在XML中支持<!-- -->注释。

因此得用<svg>来改变命名空间，从而使得所有注释符可以生效。

 

树迷了路
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
4.2. XSS
Sumarua的博客
07-02 1238
4.2. XSS 内容索引:4.2. XSS4.2.1. 分类4.2.1.1. 反射型XSS4.2.1.2. 储存型XSS4.2.1.3. DOM XSS4.2.1.4. Blind XSS4.2.2. 危害4.2.3. 同源策略4.2.3.1. 简介4.2.3.1.1. file域的同源策略4.2.3.1.2. cookie的同源策略4.2.3.1.3. Flash/SilverLight跨域4.2.3.2. 源的更改4.2.3.3. 跨源访问4.2.3.3.1. JSONP跨域4.2.3.3.2. 跨源
Hackme Writeup
wywwzjj
05-21 1万+
https://wywwzjj.top/2019/02/02/Hackme-Writeup/ hide and seek Can you see me? I’m so close to you but you can’t see me. 这题查看源码即可。 guestbook This guestbook sucks. sqlmap is your friend. 既然提示有 sqlmap...
2012.3.13/js/prompt
蘑菇菇的天下
03-13 1354
最近在纠结JS，今晚解决了一个问题，就是prompt和alert和confirm的问题，下面是从网上百度来的答案，觉得有帮助，就贴了。 alert() 弹出个提示框 （确定）  confirm() 弹出个确认框 （确定，取消）  prompt() 弹出个输入框 让你输入东西 使用消息框  使用警告、提示和确认  可以使用警告、确认和提示消息框来获得用户的输入。这些消息框
JavaScript - Prompt的用法
陆讯
04-25 3681
Prompt的用法<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test02.html</title> <script type="text/javascript"> /*var count=prompt("请输入次数：","");
NLP第四范式：Prompt概述【Pre-train，Prompt（提示），Predict】【刘鹏飞】
u013250861的博客
07-05 6815
prompt顾名思义就是“提示”的意思，应该有人玩过你画我猜这个游戏吧，对方根据一个词语画一幅画，我们来猜他画的是什么，因为有太多灵魂画手了，画风清奇，或者你们没有心有灵犀，根本就不好猜啊！这时候屏幕上会出现一些提示词比如3个字，水果，那岂不是好猜一点了嘛，毕竟3个字的水果也不多呀。看到了吧，这就是prompt的魅力，让我们心有灵犀一点通！(我不太会画哈，大家想象一下就行啦，嘿嘿嘿~~~) 论文以一种新的自然语言处理范式，称为“prompt-based learning”。该框架功能强大且具有吸引力，原因有
提示学习Prompt介绍
Wwwwwww527的博客
10-24 1万+
关于提示学习的简单介绍
prompt 用法
weixin_30878361的博客
09-11 8746
prompt()方法用于显示可提示用户进行输入的对话框。 这个方法返回用户输入的字符串。 例子 假设一个简单的ATM机的取款过程是这样的：首先提示用户输入密码（password），最多只能输入三次，超过3次则提示用户“密码错误，请取卡”结束交易。如果用户密码正确，/再提示用户输入取款金额（amount），ATM机只能输出100元的纸币，一次取钱数要求最低100元，最高1000元。若用户输入的...
xss练习-prompt(1) to win
Ni9htMar3的博客
09-11 9697
链接地址: http://prompt.ml/0 规则1、成功执行prompt(1). 2、payload不需要用户交互 3、payload必须对下述浏览器有效： - Chrome(最新版) - Firefox(最新版) - IE10 及以上版本(或者IE10兼容模式)4、每个级别至少给出两种浏览器的答案 5、字符越少越好level 0function escape(input)
xss绕过：prompt(1)
Miracle_ze的博客
07-30 3147
xss绕过
【spider06】Selenium
cs_xuhuan的博客
09-25 1万+
Selenium 自动化测试工具，支持多种浏览器。 爬虫中主要用来解决JavaScript渲染的问题。 基本使用 from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.common.keys import Keys from selenium.webdri...
alert()、confirm()和prompt()的区别与用法
lele_bk的博客
10-20 689
alert()、confirm()和prompt()的区别与用法 1.警告消息框alert alert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。  window.alert("欢迎！请按“确定”继续。"); 
JavaScript的三种消息框alert，confirm，prompt
web开发自学
07-19 772
1. alert是弹出警告框，在文本里面加入\n就可以换行。 2. confirm弹出确认框，会返回布尔值，通过这个值可以判断点击时确认还是取消。true表示点击了确认，false表示点击了取消。 3. prompt弹出输入框，点击确认返回输入框中的值，点击取消返回null。 下面是详细的例子： &lt;html&gt; &lt;head&gt; &lt;script type="tex...
prompt的用法详解
热门推荐
qq_39233661的博客
10-16 3万+
prompt()函数用于弹出提示用户进行输入信息的文本框，其返回用户输入的字符串。其JavaScript简单示例代码如下： function disp_prompt() { for(var i=1;i&lt;5;i++){//循环弹出窗口进行输入信息 var msg=prompt("请输入学号 姓名 三个成绩"); var msgArray=msg.split(" ");//使用...
prompt弹框的使用
Mr.baicai's Blog
07-12 8580
一直做着后台的工作，前台的东西好像接触的也不少，但是研究的比较少，其实前端的设计与实现也是“博大精深”。其中JQuery就是一款功能非常强大的工具，它已经写好并实现了很多现有的方法。我们需要直接在引用即可，当然如果需要自定义，在他们的规范基础上也可以实现自定义。 1.  prompt   JS中有三种弹框方式：confirm，弹出一个询问框，有确定和取消按钮;alert,弹出对话框并输出一段提
XSS线上靶场---prompt
qq_52016943的博客
07-30 1067
XSS prompt
data-属性的作用是什么？
xujie_0311的专栏
12-20 1万+
HTML5规范里增加了一个自定义data属性. 为前端开发者提供自定义的属性，这些属性集可以通过对象的dataset属性获取，不支持该属性的浏览器可以通过 getAttribute方法获取...div.dataset.commentNum; // 10 需要注意的是，data-之后的以连字符分割的多个单词组成的属性，获取的时候使用驼峰风格：比如 user-list="user_list">d
用 prompt 制作加法计算器
qq_52200753的博客
11-05 3647
<script> //让用户输入两个标签对 var a = Number(prompt('请输入第一个数字：')); //先执行里面的prompt函数 再执行外面的Number函数 var b = Number(prompt('请输入第二个数字：')); //因为prompt输入的是字符串 用Number转换成数字 parseFloat也可以 //计算两个变量的和 var sum = a + b; .
HTML5 data-*属性
Cassie's blog
04-03 3933
虽然已经有很多的关于此属性的讲解文章，但是下面的内容也属于个人理解，记录一下1、是个啥？有什么用？HTML5的新特性data-*，用于用户自定义属性，对于元素，可以绑定相关的数据了。data-只是属于前缀，对于自定义的属性方便统一管理，就比如一个元素上很多属性，咋一看很混乱，但是如果都自定义的属性前缀都加上data-，一目了然，这是自定义的。比如 data-comment。不仅仅如此，通过js和j...
springboot个人博客的构建（11）详情内容展示
qq_40979622的博客
11-18 569
评论信息的提交和回复： 1、我们想到的是非空校验 2、回复别人的时候会出现@Matt 3、提交回复内容后，会刷新之前的页面，把提交的内容遍历出来。  先在博客里面加入两条隐含域： 在post提交信息的时候找到blog的id找到对象的blog对象。然后再把它set进来，再保存。  先把值拿出来，这里两条是自关联。 这里来个表单非空验证： //评论表单验证 $('.ui.fo...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .container { display: flex; justify-content: space-between; } .col1, .col2 { width: 45%; padding: 10px; border: 1px solid #ccc; } span { position: absolute; bottom: 20px; right: 20px; height: 50px; width: 50px; background-color: red; text-align: center; padding-top: 20px; border-radius: 60%; } </style> </head> <body> <div class="container"> <div class="col1"> <h2>刘天赐</h2> <p>解决急急急</p> <input type="button" value="删除"> <button>修改</button> </div> <div class="col2"> <h2>王旭康</h2> <p>看iii科技计划较</p> <input type="button" value="删除"> <button>修改</button> </div> </div> <span>New</span> <script> let </script> </body> </html> 要求：点击input标签让其所在的div消失，点击button标签可以弹出一个框可以修改他们所在div中p和h2标签的内容并保存。 点击span标签可以新增一个div并报存在页面中。你能帮忙写一个完整的代码吗 满足上面的要求
最新发布
06-10
div.innerHTML = '<h2>New Title</h2><p>New Content</p><input type="button" value="删除"><button>修改</button>'; document.querySelector('.container').appendChild(div); // 给删除按钮和修改按钮绑定事件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值