草庐IT

javascript - 如何切换外部 CSS 文件?

我有几本关于AJAX的书,但还是很新。所有教程和这些书籍都有无处不在的示例:自动填充搜索栏和异步表单验证器。这些都很棒,但不是我要找的。具体来说,我想单击一个按钮并在我的header包含中切换外部CSS文件。这可能吗?好吧……我知道这是可能的,但你是怎么做到的?PS:我在这个元素中有jQuery,所以如果有内置的东西,那就更好了!PPS:我意识到我没有包含重要信息(不要开枪!):此操作的最终目标是拥有一个用户设置部分,用户可以在其中单击单选按钮并决定他们要为我们的应用程序使用的配色方案。所以我们最终会有8种不同的CSS样式可供选择。不确定这是否会改变实现此目标的最佳方法。用户正在登录他

javascript - 样式输入文件并自动提交

我试图让用户点击一个文本链接,它会询问用户他/她想要上传哪个文件,然后自动将其发布到表单。我怎样才能达到同样的效果?我知道我必须设置文件输入的样式,但如何让它在文件选择时自动发布?非常感谢 最佳答案 在页面中嵌入javascript是badpractice.使用选择器将提交添加到元素。这也使您能够按照您的要求将功能添加到基本链接。HTMLUploadfilejQuery$(document).ready(function(){$("#uploadLink").click(function(){$("#myForm").submit(

javascript - Javascript 警报中文本的颜色

有什么方法可以更改文本样式,在Javascript警告框中设置文本格式。例如改变它的颜色,使其变得粗体等等?此外,如果有一个带有"is"、“否”按钮而不是“确定”/“取消”按钮的警报? 最佳答案 不,恐怕这是不可能的。使用JavaScript,您只能使用3个弹出框:alert、prompt和confirm。如果你想制作一个更有特色的弹出窗口,你应该尝试使用现有的许多用JavaScript编写的弹出窗口之一,它们是从JavaScript库构建的,例如this 关于javascript-Ja

javascript - li 的自动宽度适合文本?

有没有可能使用CSS将标签的宽度自动调整为它包含的文本的宽度?我正在设计一个使用自定义CMS的网站(我无权访问代码),因此就设计而言,我的选择有限。无需直接编辑任何列表属性即可在标记上运行的Javascript解决方案也可以运行。 最佳答案 是block级元素,因此默认设置为尽可能宽。要使其“收缩包裹”到内容的大小,请尝试float它:li{float:left;clear:left;}这可能会满足您的需求。如果你想要s坐在一起你可以尝试:ul{clear:left;/*Iliketoputtheclearonthe*/}li{fl

javascript - 如何检测响应式网页设计的屏幕尺寸?

我用谷歌搜索并得到一个quirksmodesite给你你的屏幕尺寸。拉起控制台,我看到screen.width和screen.height可以直接从window对象获得。我想开始使用纯JavaScript进行检测。我可以在所有设备和浏览器(手机、平板电脑、PC和Chrome、Safari、IE、Firefox)上使用此属性吗?我不关心视口(viewport)因调整大小等而发生变化。只关心屏幕的实际大小不会改变。我希望有一个属性可以跨设备和浏览器检查。这是wikipediaonresponsivewebdesign.提供的一些一般信息 最佳答案

javascript - 无法更改 Bootstrap 工具提示标题

我已经查看了几篇关于堆栈溢出的帖子,几乎提出了完全相同的问题,但我在这些问题上发现的内容都没有帮助。我是JQuery和Bootstrap的新手,所以也许我只是错过了一些非常简单的东西。我希望能够在第一次初始化后更改不同元素的工具提示标题(最好在初始化后多次更改。)我正在处理的简化版本:...$(document).ready(function(){$('#bag0').data('tooltip',false).tooltip({title:'newtext'});$('[data-toggle="tooltip"]').tooltip();});这个改变标题的方法是从发帖给出的:Ho

javascript - Bootstrap 模式和 mmenu 菜单冲突

我正在使用bootstrap和mmenu库设计一个网站。我正在尝试添加一个Bootstrap模式,在单击mmenu中的按钮时打开。单击关闭、按ESC键并在模态框外单击时,模态框不会关闭。我尝试编写一个具有相同模态和mmenu的页面,通过单击page上的按钮打开模态,而不是在mmenu中,两者都工作正常。我尝试了单击mmenu内的按钮时出现的mmenu弹出窗口,但遇到了同样的问题。我也很乐意得到一个通用的答案;这两个库可能出现问题的地方,以及如何解决它们。或者如何调试代码,以便我自己找出解决方案。我尝试检查Chrome中的控制台,但那里没有错误。我不知道如何进一步检查。我添加了我的代码,

javascript - 如何阻止用户打印网页?使用 javascript 或 jquery

我们如何阻止用户使用不同的方法打印网页?禁用右键单击禁用CtrlP组合键右键单击->打印有什么办法可以停止打印网页吗?我们可以使用javascript处理这3个事件吗?或者我们可以说。如果用户将执行任何这些事件。然后我想运行我的其他代码。这可能吗? 最佳答案 如前所述,您不能这样做。然而,一个常用的技巧是尝试隐藏所有正在打印的页面内容:body{visibility:hidden;display:none}但这不能保证有效,即使您对自己在做什么有一个模糊的想法,也很容易绕过。 关于jav

javascript - 如何将某些样式应用于打印页面上的第一个和最后一个元素?

我有以下虚拟code:p{font-size:20px;}window.onload=function(){varbody=document.getElementsByTagName('body')[0],p=document.createElement('p'),el;p.style.height='20px';p.innerText='SomeTest';for(vari=0,len=30;i它渲染了一些元素,在页面预览中它看起来像下面这样:我需要为第一个和最后一个元素添加边框,如下所示:是否可以使用CSS制作并在webkit中工作?编辑:致建议以下CSS的所有人p:nth-chi

javascript - Chrome scrollWidth 在 rtl 和 ltr 方向上不同

我在谷歌浏览器上看到一个错误。在ChromeV31上运行以下html代码ChromescrollWidthissue当我将主体方向从ltr更改为rtl时,父div的scrollWith是不同的。这不会发生在FireFoxV25或InternetExplorerV10上。我在chromeissuetracker上报告了这个问题.我的问题是如何使用css或javascript解决这个问题? 最佳答案 尝试在子元素中使用clientWidth,您将在rtl和ltr中获得1080,希望这是一个足够好的解决方案,直到他们修复chrome上的错