jjzjj

javascript - 如何在 JavaScript 中为内容添加样式?

我一直在处理JavaScript文件,我的内容一直在处理短语。现在我想改变这些短语的风格。第一个函数(见函数swapFE)我想把phrase节点的字体样式改成normal。并将短语节点的颜色更改为颜色值(155、102、102)。第二个函数(参见swapEF)我想将字体样式更改为斜体,将字体颜色更改为黑色。我怎么写这些?我是用JavaScript在这些函数中编写它,还是直接在CSS或HTML中应用样式更改?这是我要应用样式更改的两个函数://thisfunctionchangestheFrenchphrasetoanEnglishphrase.functionswapFE(e){var

javascript - 如何使用javascript检查网页中是否加载了Font Awesome?

我需要检查网页中是否包含FontAwesome。如果没有,我将使用javascript加载它。有点像facebooksdk检查是否有一个包含id“facebook-jssdk”的脚本元素,如果有,它就返回(什么都不做),如果没有,它就加载它。我需要为FontAwesome做这件事。 最佳答案 我认为这是检查font-awesome的最佳方式,但我不确定它是否比重新加载更慢,即使它存在。functioncss(element,property){returnwindow.getComputedStyle(element,null).g

javascript - 如何开始旋转一个 bootstrap Font Awesome 图标,然后使用 jQuery 让它停止

我正在处理的网页上有很棒的字体刷新图标。单击此图标时,我希望它开始旋转。我已经能够通过在我的JavaScript文件中输入以下内容来完成此操作:$('#lock-refresh').click(function(){$(this).addClass('fa-spin').//BelowisafunctionthatIneedtorunaftertheFAiconisclicked.startup();});不过,我只需要让这个图标旋转几秒钟。我试图将此(如下)添加到我的JS文件中,但是当我这样做时图标根本不旋转:$('#lock-refresh').click(function(){$

javascript - 有没有办法通过网络检查机器上安装了哪些字体?

有没有办法测试安装了哪些字体,或者我可以读出所有字体?我想在我们的产品中做一个调查,看看我可以在我们的元素中使用哪些字体。 最佳答案 有一个脚本以不同的字体呈现一堆DIV,然后检查生成的DIV是否具有给定字体的正确尺寸。http://www.lalit.org/lab/javascript-css-font-detect 关于javascript-有没有办法通过网络检查机器上安装了哪些字体?,我们在StackOverflow上找到一个类似的问题: https:

javascript - 如何在页面准备好之前通过 javascript 加载外部字体

我在我的网站上使用typekit加载字体,typekit给了我2个链接。try{Typekit.load({async:false});}catch(e){}我将这些链接放在head标签中,但是当我进入我的网站时,字体是在内容之后加载的。我想知道它如何在页面准备好之前或内容加载之前加载。PS:我尝试了async:true和false..他们都给出了相同的结果。 最佳答案 您可以使用的一件事是FontEvens在字体加载时隐藏内容。https://helpx.adobe.com/typekit/using/font-events.ht

javascript - 占位符上的 Select2 Font Awesome 图标

如何在Select2的占位符文本前添加FontAwesome。这是我的Select2选项代码:varplaceholder=""+"Selectaplaces";$(".select2").select2({placeholder:placeholder,width:null});这是我的HTML代码:ABC谢谢。 最佳答案 在Select2选项之间声明escapeMarkup函数,然后使用“搜索”图标代码(您可以在Font-AwesomeCheatsheet页面中找到它)作为placeholder:$(function(){var

javascript - D3 : change font size of axis labels

我想为使用D3创建的时间轴的标签指定字体大小。我试过关注thisanswer与thisfiddle,但它似乎没有做任何事情。我也试过d3.selectAll(".xAxis>.tick>text").each(function(d,i){d3.select(this).style("font-size",30);});没有用。没那么难... 最佳答案 原来一个无单位数是technicallynotavalidCSSfontsizespecifier并且它可能取决于浏览器是否忽略它。因此,使用d3.select(this).style

javascript - 如何使用 jQuery 更改 Font-Awesome 内容的占位符?

我想更改占位符属性,尝试以这种方式使用attr():$(this).attr("placeholder","Mandatoryfield");但结果不是Font-Awesome图标,它看起来像这样:"Mandatoryfield"不过,如果我把使用CSS.mandatory_field{font-family:FontAwesome,"HelveticaNeue",Helvetica,Arial,sans-serif;}它有效,但我需要知道如何使用jQuery动态获取这些结果。提前致谢。 最佳答案 这

javascript - Bootstrap 工具提示不适用于 Font Awesome 图标

我正在使用bootstrap工具提示,但我似乎无法让它与超棒的字体图标一起使用。我可以让它工作:Info但这行不通:这是我的javascript:$(function(){$('[data-toggle="popover"]').popover();$('body').on('click',function(e){if($(e.target).data('toggle')!=='popover'&&$(e.target).parents('.popover.in').length===0){$('[data-toggle="popover"]').popover('hide');}})

javascript - Font Awesome 5 图标不适用于 React ("Could not find icon"错误)

我正在尝试在我的React项目中使用FontAwesome5Pro(我有许可证),并且我已按照API中的说明进行操作尽我所能,但我仍然遇到问题。在我的项目中,我使用npm安装了fontawesome、fontawesome-common-types、fontawesome-pro-light、fontawesome-pro-regular、fontawesome-pro-solid和react-fontawesome。所有这些文件夹都在我的node_modules/@fortawesome/目录中在我的App.js中,我有这些导入(这不是整个文件,只是相关的片段):importfont