我正在寻找一种<style>使用JavaScript 将标记插入HTML页面的方法.
到目前为止我找到的最佳方式:
var divNode = document.createElement("div");
divNode.innerHTML = "<br><style>h1 { background: red; }</style>";
document.body.appendChild(divNode);
Run Code Online (Sandbox Code Playgroud)
这适用于Firefox,Opera和Internet Explorer,但不适用于Google Chrome.<br>IE的前端也有点难看.
有谁知道创建<style>标签的方法
更好
适用于Chrome?
或者可能
这是我应该避免的非标准事情
三个工作浏览器很棒,谁还使用Chrome?
我是Vue.js的新手,我已经使用了AngularJS一段时间,而且我们习惯于加载模板,例如,
template: '/sometemplate.html',
controller: 'someCtrl'
Run Code Online (Sandbox Code Playgroud)
我们怎么能在Vue中做这样的事情,而不是像这样在JavaScript中保存大型HTML模板,
new Vue({
el: '#replace',
template: '<p>replaced</p>'
})
Run Code Online (Sandbox Code Playgroud)
对于小模板来说这是可以的,但对于大模板这是否实用?
有没有办法加载外部模板HTML或在像Vue中的脚本标记中使用HTML模板?
<script type="x-template" id="template>HTML template goes here</html>
Run Code Online (Sandbox Code Playgroud) 我正在使用VueJS 2构建博客.我的大多数文章都存储为Markdown文件,但我希望能够使用Markdown未涵盖的功能来介绍一些更高级的主题.我正在考虑制作这些特殊帖子的VueJS组件,这些组件将在模板中用作<article-name>或<special-article article-title="{{articleTitle}}">.很简单.
我已经加载了组件,所以我需要做的就是将模板字符串编译成一个真实的模板.我可能会用AngularJS背景而不是Vue来思考太多.
我找不到任何可靠的方向来动态地将组件添加到VueJS中的模板中.