Question

我想在HTML页面中经常包含一个小玩家（比如Dewplayer）。

我想写一些像：

[mp3player,file=test.mp3]

而不是每次都要写这个长代码（1）：

<object type="application/x-shockwave-flash" data="dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
<param name="movie" value="dewplayer.swf" />
<param name="flashvars" value="mp3=test.mp3" />
<param name="wmode" value="transparent" />
</object>

是否可以定义一个短代码[mp3player, file=...]，它将在浏览器中转换为普通代码（1），而不需要像PHP等服务器端技术？

Answer 1

普通html没有任何“捷径”机制。

但是如果你允许javascript，那么你可以定义，然后用一个小的javascript结束你的html插入你最喜欢的字符串作为所有这些div中的html内容。

<html>
<head>
</head>
<body>

xxx
<div class="shortCut"></div>
xxx
<div class="shortCut"></div>
xxx
<div class="shortCut"></div>
xxx

</body>
<script>
  var divs = document.getElementsByClassName("shortCut");
  for (i=0; i< divs.length; i++ ) {
      divs[i].innerHTML = "full html content";
  }
</script>
</html>

Answer 2

在创建自定义组件时，有很多助手。虽然这is not yet a fully supported thing among browsers，我可以给你一些建议。首先，您应该开始浏览WebComponents.org网站。它将为您提供有关此主题的大量提示和信息。

您应该使用哪个库？

实现自己的Web组件是一项非常复杂和艰苦的工作，因此您应该选择以下内容：

Polymer（来自Google）刚刚发布了第一个产品版本。
AngularJS也可以提供帮助。
ReactJS由Facebook创建

我想到的第一个是第一个，可能有其他的，但我认为这些是最受欢迎的。

注意

这些都不能用于普通的HTML，一般来说，你不能用普通的HTML做很多事情。所以你必须为此目的使用JavaScript。

纯HTML中的短代码（无服务器代码）

2 个答案: