Javascript 不带jQuery的页面加载上的MDL snackbar

我使用的是material design lite，我想在页面加载时打开Snackbar，我尝试了一些解决方案，但不幸的是没有成功。

---

你有任何有效的例子吗？

对不起，我已经解决了这个问题。 下面是代码示例：

<div id="demo-toast-example" class="mdl-js-snackbar mdl-snackbar">
  <div class="mdl-snackbar__text"></div>
  <button class="mdl-snackbar__action" type="button"></button>
</div>

<script>
r(function(){
    var snackbarContainer = document.querySelector('#demo-toast-example');
    var data = { message: 'Example Message.'};
    snackbarContainer.MaterialSnackbar.showSnackbar(data);
});
function r(f){ /in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}
</script>

r（函数（）{
var snackbarContainer=document.querySelector（“#demo toast example”）；
var data={message:'Example message.'}；
snackbarContainer.MaterialSnackbar.showSnackbar（数据）；
});
函数r（f）{/in/.test（document.readyState）？setTimeout（'r（'+f+'），9）：f（）}

在此添加一些您迄今为止尝试过的代码示例，这将有助于向我们展示您迄今为止尝试过的代码。