javascript – 可以引用HTML文件中特定脚本标签的函数或对象

前端之家收集整理的这篇文章主要介绍了javascript – 可以引用HTML文件中特定脚本标签的函数或对象前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
想象一下,我们在 HTML文件中有以下代码
<script id='tag-1'>
  function foo(){
    alert("this is foo-1");
  }
</script>

<script id='tag-2'>
  function foo(){
    alert("this is foo-2");
  }
</script>

<script id='tag-3'>
  function foo(){
    alert("this is foo-3");
  }
</script>

是否可以使用id tag-2从脚本标签调用函数foo?
我只是好奇地知道是否有任何跨浏览器解决方案?多谢你们.

好的,我们有两个非常相关的建议 – 我标记为接受的答案,另一个是这个帖子的另一个意见 – @dfsq提出的建议.谢谢所有的家伙!!!

解决方法

是的,这是完全可能的,但您应该使用除文本/ javascript之外的类型.
<script id='tag-1' type="myScriptHolder">
  function foo(){
    alert("this is foo-1");
  }
</script>

<script id='tag-2' type="myScriptHolder">
  function foo(){
    alert("this is foo-2");
  }
</script>

<script id='tag-3' type="myScriptHolder">
  function foo(){
    alert("this is foo-3");
  }
</script>

<script>
$.globalEval($('#tag-1').text();
</script>
原文链接:https://www.f2er.com/js/152065.html

猜你在找的JavaScript相关文章