目录
一、理论知识
SVG标签的使用
二、实战部分
一、理论知识
SVG标签的使用
代码中的SVG标签和onload
事件本身并不依赖于其他特定的标签来触发弹窗。无论它们被放置在哪个标签内,只要浏览器解析并加载了这个SVG标签,onload
事件就会被触发。
注:SVG标签通常是在HTML文档中嵌入使用的,并且可以放置在许多不同的HTML标签内。具体取决于网页的结构和用途。以下是一些常见的情况:
<body>
标签:
SVG标签可以直接放置在<body>
标签内,这样当整个页面加载完毕时,onload
事件将触发。
<body>
<svg onload="alert(document.domain)">
<!-- SVG内容 -->
</svg>
</body>
<div>
标签:
SVG标签可以作为<div>
标签的子元素,当该<div>
标签加载完成时,onload
事件将触发。
<div>
<svg onload="alert(document.domain)">
<!-- SVG内容 -->
</svg>
</div>
<img>
标签:
SVG标签也可以作为<img>
标签的src
属性值,当图像加载完成时,onload
事件将触发。
<img src="data:image/svg+xml,<svg onload='alert(document.domain)'>">
二、实战部分