`
need_faith
  • 浏览: 82065 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

SVG标签中externalResourcesRequired对SVG文档load事件触发影响

阅读更多

环境:WIN7、IE 8.0、SVG插件ASV

测试代码

 

function test() {
   alert('ok');
}

 

svg标签

 

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd">
<?xml-stylesheet type="text/css" href="css/svg_component_style_sheet.css"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
	 width="100%" height="100%" xml:space="preserve" onload="test()"
	 externalResourcesRequired="true">


</svg>

 

 “externalResourcesRequired”属性在http://www.w3.org/TR/SVG/struct.html官方技术规范里说明如下

 

externalResourcesRequired = "false | true"
false
(The default value.) Indicates that resources external to the current document are optional. Document rendering can proceed even if external resources are unavailable to the current element and its descendants.
true
Indicates that resources external to the current document are required. If an external resource is not available, progressive rendering is suspended, the document's SVGLoad event is not fired and the animation timeline does not begin until that resource and all other required resources become available, have been parsed and are ready to be rendered. If a timeout event occurs on a required resource, then the document goes into an error state (see Error processing). The document remains in an error state until all required resources become available.

 当externalResourcesRequired设置为true是,svg会寻找引用的其他svg文档,并且不会触发load事件,而且svg文档的加载速度经过实际测试页慢了很多,这就是测试代码中,命名定义了事件句柄onload=“test()”,也不能触发的结论。

 

 

注:本博客文章均已注明原创和转载,如转载本博客文章,需注明原文出处或征求原作者同意。

0
0
分享到:
评论

相关推荐

    qt操作svg源码

    此外,Qt的信号和槽机制使得在SVG图形上触发用户事件变得简单。例如,你可以为SVG中的某个元素设置点击事件,当用户点击该元素时触发特定的函数: ```cpp QGraphicsScene *scene = ...; // 初始化你的场景 QObject:...

    HTML5 SVG实现旋转的披萨饼动画特效源码.zip

    同时,`begin`属性可以设置动画何时开始,可能是页面加载完成后(`begin="load"`),或者某个事件触发时(如用户点击)。 除了上述核心元素外,源码可能还包括CSS样式和JavaScript控制。CSS可以用来调整SVG图形的外观...

    jQuery_lazyload

    - `event`:可以设置触发加载的事件,除了默认的滚动事件,还可以是`click`等其他事件。 - `container`:指定元素的容器,限制监听的滚动事件范围。 - `skip_invisible`:是否跳过不可见元素,如果为`true`,则...

    jQuery结合SVG实现的文字路径动画特效源码.zip

    在本文中,我们将深入探讨如何使用jQuery库与SVG(可缩放矢量图形)技术来创建文字路径动画特效。这个源码项目“jQuery结合SVG实现的文字路径动画特效源码.zip”提供了一个实例,展示了如何将JavaScript的强大功能与...

    VC编程利用MSXML解析XML文档

    2. SAX:SAX是一种事件驱动的解析器,它不会一次性加载整个XML文档,而是逐行读取,遇到元素、属性等时触发相应的事件。这种方式适用于处理大型XML文件,因为它节省了内存,但不支持像DOM那样随意访问文档的任何部分...

    svg-css-object-clickable:用于创建可链接动画 svg 的对象标记

    在SVG中,`&lt;object&gt;`标签是一个非常有用的元素,它允许我们将SVG内容嵌入HTML文档,并且可以通过CSS和JavaScript进行进一步的交互控制。本文将深入探讨如何利用`&lt;object&gt;`标签创建可点击并带有动画效果的SVG图形,...

    jquery离线中文帮助文档+W3School离线手册

    - `trigger()`: 触发事件 5. **CSS操作** - `css()`: 设置或获取CSS属性值 - `addClass()`, `removeClass()`, `toggleClass()`: 添加、删除或切换类名 - `show()`, `hide()`, `toggle()`: 显示、隐藏或切换元素...

    XSS payload大全

    - `&lt;svg/onload=alert(1)&gt;`:这是一个利用SVG元素的onload事件触发的payload,当SVG对象加载完成时执行弹窗。 - `(1)"&gt;`:通过图片元素的onerror事件触发,当图片加载失败时执行。 - `(1)"&gt;&lt;/iframe&gt;`:在iframe...

    可视化编程 跑马灯效果代码

    定时器控件负责周期性地触发事件,而标签控件则根据定时器触发的事件调整其位置,从而产生动态的移动效果。具体来说,定时器在设定的时间间隔内反复执行一段代码,这段代码会检查标签的当前位置,并根据预设的方向...

    各类API文档

    以下是对"各类API文档"中涉及的JavaScript、jQuery 1.7以及CSS API的详解: **JavaScript API** JavaScript是一种轻量级的解释型编程语言,广泛应用于Web开发,用于实现客户端的交互效果。JavaScript API通常包括...

    jquery图片延迟加载

    在网页设计中,图片加载是一项关键任务,尤其对于内容丰富的网站,大量的图片可能会导致页面加载速度变慢,影响用户体验。为了解决这个问题,"jQuery图片延迟加载"技术应运而生。这项技术的核心思想是只在用户实际...

    loading-example.zip

    3. **JavaScript 事件监听**:为了在页面加载过程中显示和隐藏 loading 效果,需要监听页面的 `$(document).ready()` 和 `$(window).load()` 事件。`$(document).ready()` 在 DOM 加载完成后执行,而 `$(window)....

    图片Flash显示代码

    在这个代码片段中,我们创建了一个`Loader`对象,然后为其添加了一个事件监听器,当图片加载完成后触发`imageLoaded`函数。在`imageLoaded`函数中,我们将加载的图片添加到舞台。最后,我们使用`load()`方法加载图片...

    爱心表白特效源码.rar

    此外,可能还会包含事件监听器,例如监听窗口的load事件或用户的click事件,以便在页面加载完成后或用户点击按钮时开始动画。 如果这个源码是用于游戏开发,那么可能使用了Unity引擎,这是一种强大的跨平台游戏开发...

    html5测试题.docx

    - **C** `&lt;span&gt;`:用于对文档中的部分文本进行分组。 - **D** `&lt;title&gt;`:用于定义文档标题。 **答案**: A #### 17. 下列不属于HTML5新的标准属性的是() - **解析**: HTML5引入了一些新的全局属性。 - **A*...

    dom-events-lecture

    常见的DOM事件包括鼠标事件(如click、mouseover、mouseout)、键盘事件(如keydown、keyup、keypress)、表单事件(如submit、change、focus、blur)以及文档加载和卸载事件(如load、unload)。每种事件都有其特定...

    简单jQuery加载等待转圈页面插件

    在网页开发中,用户体验至关重要,尤其是在处理数据加载或者页面跳转时,用户往往需要等待,此时加载等待界面就显得尤为重要。"简单jQuery加载等待转圈页面插件"就是为了解决这个问题而设计的,它能提供一个优雅的、...

    2021-2022计算机二级等级考试试题及答案No.14903.docx

    2. 窗体操作:窗体的Load事件在加载窗体时触发,UnloadForm1语句将使窗体消失,但窗体并未立即从内存中移除,因此A选项描述错误;当Enabled属性为False时,用户无法通过鼠标和键盘与窗体交互;Height和Width属性确实...

    HTML5 and Javascript Project

    - **section**:文档中的一个区域,如章节、页眉、页脚或文档中的其他部分。 - **aside**:包含与页面主要内容相关但可独立的元素,例如侧边栏。 ##### 1.2 新增表单元素 - ****:日期输入框。 - ****:时间输入框...

Global site tag (gtag.js) - Google Analytics