Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

js 文件从页面获取参数

  一些东西的封装在使用时可能需要提供一些参数。可是开发者通常都比较懒,没人想在自己的项目代码中写一段脚本来提供参数初始化。所以在做一些库的封装时可以让 js 从页面上获取参数。比如获取在 meta 中定义的参数,又或者直接给 SCRIPT 标签添加自定义属性来获取参数。
  meta 标签经常用来定义一些页面级的参数,经常会看到页面的 head 中包含很多类似下面这样的定义
<meta name="yyy" content="zzz" />   这就是页面级的参数。在 js 中使用 querySelector 就可以很容易找到这样的元素,并获取其 content 属性来使用。
  如果觉得 meta 标签的方式麻烦,直接在 SCRIPT 标签上加自定义属性也是一个解决方案,比如下面这样:
<script src="xxx.js" data-yyy="zzz"></script>   从文档中取到当前脚本执行的 SCRIPT 标签可以使用 document.currentScript(低版本浏览器也有兼容方案)。或者有些实现不通过自定义属性,而是给 src 后面加上 QueryString 也是个可行的办法。
<script src="xxx.js?yyy=zzz"></script>   但是这类方案遇上代码合并、压缩之类的前端工程化设施,可能就会有坑。
网名:
3.80.32.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^