在Java脚本中嵌入字体真棒图标
Embedding Font Awesome Icon inside of Java Script
嗨,我正试图在一些JavaScript中嵌入一个字体很棒的图标。JavaScript(我在网上找到的)在我的网站上创建了自动面包屑。这是JavaScript:
<script language="JavaScript">
function breadcrumbs(){
sURL = new String;
bits = new Object;
var x = 0;
var stop = 0;
var output = "<a href='"/'">home</a> > ";
sURL = location.href;
sURL = sURL.slice(8,sURL.length);
chunkStart = sURL.indexOf("/");
sURL = sURL.slice(chunkStart+1,sURL.length)
while(!stop){
chunkStart = sURL.indexOf("/");
if (chunkStart != -1){
bits[x] = sURL.slice(0,chunkStart)
sURL = sURL.slice(chunkStart+1,sURL.length);
}else{
stop = 1;
}
x++;
}
for(var i in bits){
output += "<a href='"";
for(y=1;y<x-i;y++){
output += "../";
}
output += bits[i] + "/'">" + bits[i] + "</a> > ";
}
document.write(output + document.title);
}
<!--
breadcrumbs();
-->
</script>
这个代码运行得很好,完全符合我的要求。但我想显示一个字体Awesome Icon来代替单词"home"。
这里写着家。
var output = "<a href='"/'">home</a> > ";
我把它改成…
var output = "<a href='"/'"><i class="fa fa-home fa-lg"></i></a> > ";
以为它会显示字体很棒的图标,而不是单词"home"但它实际上只是破坏了代码,什么也不显示。
我是JavaScript的新手,所以我不知道为什么它不起作用。请帮忙!
用单引号而不是双引号包装输出,这样它就不会与class="fa fa-home fa-lg"
的双引号冲突。这也将允许您删除href附近的'"
。
var output = '<a href=""><i class="fa fa-home fa-lg"></i></a> > ';
'"
用于转义被双引号包围的字符串中的双引号。虽然它工作得很好,但可读性较差。有关字符串用法的更多信息,请参阅此文档。
您应该使用""
和''
的组合,使字符串连接变得简单易读。
var output = "<a href='/'><i class='fa fa-home fa-lg'></i></a> > ";
会起作用的。
相关文章:
- 向上滑动操作后,字体真棒图标不显示
- 在jquery中设置字体真棒图标
- 如何导出字体真棒svg图标作为base64网址
- 我如何更改谷歌页面编辑器使用字体真棒图标
- 字体真棒图标不显示
- 单击社交媒体图标(字体真棒)而未重定向到href
- 如何将 dijit 树中的图标替换为字体真棒图标
- 如何让导入的 css 字体/图标对影子 dom 中的元素产生影响
- 是否可以在悬停时在两个字体图标之间切换
- 在 JavaScript 之前加载字体图标
- 在占位符上选择2字体真棒图标
- 字体真棒图标,带有点击事件集
- 如何在我的高图表饼图中获取一个数据标签,这是一个字体很棒的图标
- 单击按钮上的图标字体图标(有时是文本)时,Backbone.js事件未触发
- jQuery:旋转加号到减号字体的真棒图标,在手风琴部分点击
- 是否可以将字体图标转换回它'的私人使用代码
- 更改字体图标(字体真棒)在IE中不起作用
- Javascript:在svg's中使用字体图标我如何使用"u"
- SVG中的字体图标在IE 11中不起作用
- 是否有一种方法来访问字体图标从html5画布