html引入svg文件,不立刻显示

想在一个html里面链接一个svg文件,但是不是在html所对应的页面显示出来,而是通过点击,在新的页面显示出来。不能直接用超链接,因为要对svg使用函数。embed和object都是直接在html页面嵌入图片的。请问应该怎么办?

  svg不是所有浏览器都支持,firefox, chrome支持,ie有的低版本不支持。

  <embed> 标签被所有主流的浏览器支持,并允许使用脚本。
  注:当在 HTML 页面中嵌入 SVG 时使用 <embed> 标签是 Adobe SVG Viewer 推荐的方法!然而,如果需要创建合法的 XHTML,就不能使用 <embed>。任何 HTML 规范中都没有 <embed> 标签。
  例如:(需要下载adobe的svg viewer插件来显示)
温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-04-15
是要解决跳转问题么 用js ?追问

不是的,要对svg图片进行操作。如果只是跳转的话直接用标签就好了。现在已经知道JS不能引用外部文件。所以现在想问下如何在js里面怎么才能将embed标签嵌入的内容通过按钮响应显示?

追答

把显示的内容放到一个单独页面a

在主页面添加一个frame(建议用iframe) 页面是空的 也可以css控制隐藏
显示的时候用frame载入

追问

用css隐藏的话是不是说这个数据已经加载到了页面上了?因为数据比较大,可能把数据都放在一个页面里面网页会崩吧。

追答

到底在不在同一个页面显示?
开始frame内容是空的

可以用html5预加载提前准备数据
设计合理话不会崩的

本回答被提问者采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网