我看到 <script>标签可以在 svg 标签 ( ref ) 中使用。此外,svg 标签内的元素可以通过标签外的 JavaScript 访问,因为它们是 DOM 的一部分。我找不到关于哪个更好的详细信息。通常,我将所有 JS 代码保存在单独的文件中,并在 html 中包含引用。我也可以对针对 svg 元素的脚本做同样的事情吗?另外,我读到我还可以在 svg 标签内提供指向外部 JS 文件的链接。
更清楚地说,假设我有一个网页 (html5),其中嵌入了 svg 标签。 svg 包含几个基本形状,我需要鼠标交互。我可能会使用 jQuery,但不会使用其他外部插件。您会建议将所有 JavaScript(用于 svg 外部和内部的元素)保存在一个文件中,还是将 svg 部分分开。也可以使用 jQuery 引用 svg 标签中的元素吗?这样做效率低下吗?
最佳答案
放置一个 <script>当您的脚本适用于 SVG 本身时,SVG 中的元素(无论您使用内联代码还是通过 xlink:href 在另一个文件中引用)都是正确的,无论是否有其他上下文都可以放置在其中。这是必要的,例如,如果您只有 a scripted SVG document .
例如,假设您有一个 HTML 页面并且包含两个 SVG 文件。
第一个 SVG 文件包含一些通过 JavaScript 创建的自定义动画。这个 SVG 文件应该直接有它自己的脚本元素。
第二个 SVG 文件只是一个奇特的图像,您希望在单击该图像时提交 HTML 页面上的表单。为此,脚本应该在您的 HTML 页面中,因为它会与 SVG 和您的 HTML 表单对话。这是一个 similar example ,其中 HTML 中的按钮用于控制 SVG。
当你是 inlining your SVG content in something XHTML5 时,这条线会变得更模糊,而不是引用外部 SVG 文件。 SVG 内容是它自己的野兽,还是与特定文本段落一样是 HTML 页面的一部分?
我个人倾向于将我的 SVG 内联到 HTML 中,从而将我的所有脚本都放在 SVG 之外。不过,两者都行。
关于javascript - SVG <脚本> 元素 : inside or outside?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5862561/
我正在寻找执行以下操作的正确语法(在Perl、Shell或Ruby中):#variabletoaccessthedatalinesappendedasafileEND_OF_SCRIPT_MARKERrawdatastartshereanditcontinues. 最佳答案 Perl用__DATA__做这个:#!/usr/bin/perlusestrict;usewarnings;while(){print;}__DATA__Texttoprintgoeshere 关于ruby-如何将脚
我有一个对象has_many应呈现为xml的子对象。这不是问题。我的问题是我创建了一个Hash包含此数据,就像解析器需要它一样。但是rails自动将整个文件包含在.........我需要摆脱type="array"和我该如何处理?我没有在文档中找到任何内容。 最佳答案 我遇到了同样的问题;这是我的XML:我在用这个:entries.to_xml将散列数据转换为XML,但这会将条目的数据包装到中所以我修改了:entries.to_xml(root:"Contacts")但这仍然将转换后的XML包装在“联系人”中,将我的XML代码修改为
我有一个在Linux服务器上运行的ruby脚本。它不使用rails或任何东西。它基本上是一个命令行ruby脚本,可以像这样传递参数:./ruby_script.rbarg1arg2如何将参数抽象到配置文件(例如yaml文件或其他文件)中?您能否举例说明如何做到这一点?提前谢谢你。 最佳答案 首先,您可以运行一个写入YAML配置文件的独立脚本:require"yaml"File.write("path_to_yaml_file",[arg1,arg2].to_yaml)然后,在您的应用中阅读它:require"yaml"arg
关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion在首页我有:汽车:VolvoSaabMercedesAudistatic_pages_spec.rb中的测试代码:it"shouldhavetherightselect"dovisithome_pathit{shouldhave_select('cars',:options=>['volvo','saab','mercedes','audi'])}end响应是rspec./spec/request
我使用Nokogiri(Rubygem)css搜索寻找某些在我的html里面。看起来Nokogiri的css搜索不喜欢正则表达式。我想切换到Nokogiri的xpath搜索,因为这似乎支持搜索字符串中的正则表达式。如何在xpath搜索中实现下面提到的(伪)css搜索?require'rubygems'require'nokogiri'value=Nokogiri::HTML.parse(ABBlaCD3"HTML_END#my_blockisgivenmy_bl="1"#my_eqcorrespondstothisregexmy_eq="\/[0-9]+\/"#FIXMEThefoll
查看我的Ruby代码:h=Hash.new([])h[0]=:word1h[1]=h[1]输出是:Hash={0=>:word1,1=>[:word2,:word3],2=>[:word2,:word3]}我希望有Hash={0=>:word1,1=>[:word2],2=>[:word3]}为什么要附加第二个哈希元素(数组)?如何将新数组元素附加到第三个哈希元素? 最佳答案 如果您提供单个值作为Hash.new的参数(例如Hash.new([]),完全相同的对象将用作每个缺失键的默认值。这就是您所拥有的,那是你不想要的。您可以改用
本文主要介绍在使用Selenium进行自动化测试或者任务时,对于使用了iframe的页面,如何定位iframe中的元素文章目录场景描述解决方案具体代码场景描述当我们在使用Selenium进行自动化测试的时候,可能会遇到一些界面或者窗体是使用HTML的iframe标签进行承载的。对于iframe中的标签,如果直接查找是无法找到的,会抛出没有找到元素的异常。比如近在咫尺的例子就是,CSDN的登录窗体就是使用的iframe,大家可以尝试通过F12开发者模式查看到的tag_name,class_name,id或者xpath来定位中的页面元素,会抛出NoSuchElementException异常。解决
//1.验证返回状态码是否是200pm.test("Statuscodeis200",function(){pm.response.to.have.status(200);});//2.验证返回body内是否含有某个值pm.test("Bodymatchesstring",function(){pm.expect(pm.response.text()).to.include("string_you_want_to_search");});//3.验证某个返回值是否是100pm.test("Yourtestname",function(){varjsonData=pm.response.json
我是HanamiWorld的新人。我已经写了这段代码:moduleWeb::Views::HomeclassIndexincludeWeb::ViewincludeHanami::Helpers::HtmlHelperdeftitlehtml.headerdoh1'Testsearchengine',id:'title'hrdiv(id:'test')dolink_to('Home',"/",class:'mnu_orizontal')link_to('About',"/",class:'mnu_orizontal')endendendendend我在模板上调用了title方法。htm
我在一个我想在formtasticGem中覆盖的方法中找到了这个。该方法如下所示:defto_htmlinput_wrappingdohidden_field_html是什么意思?在第三行做什么?我知道它对数组有什么作用,但在这里我不知道。 最佳答案 你可以这样读:hidden_field_htmllabel_with_nested_checkbox是连接到hidden_field_html末尾的参数-为了“清晰”,他们将其分成两行 关于ruby-on-rails-没有参数的`