Tag: JavaScript

有条件加载JavaScript文件: 我需要一个JS语句来决定使用哪个JavaScript文件。我有一个文件： <script type="text/javascript" src="js/jquery_computer.js"></script> 但是当屏幕宽度小于500像素，我想要加载另一个文件： <script type="text/javascript" src="js/mobile_version.js"></script> 我已经尝试了一切，它不工作。

如何显示MS Word中显示的三个button“是”“否”和“取消”的确认提醒: 我正在通过JavaScript显示一个确认提醒框： function checked() { if (hdnval.toLowerCase() != textbox1.toLowerCase()) { var save = window.confirm('valid') if (save == true) { return true; } else { return false; } } } 确认提醒显示两个button：确定和取消。我想在我的确认提示中显示第三个button。我想要三个button是这样的：'是''不''取消'，就像在MS Word中显示的那样。

将新的对象添加到数组: 我目前有以下代码： var myArray = []; var myElement = { id: 0, value: 0 } myElement.id =0; myElement.value=1; myArray[0] = myElement; myElement.id =2; myElement.value=3; myArray[1] = myElement; 问题是，当我添加第二个元素时，我更改了id和value的值，这些值也在第一个元素中更改。有没有一种方法，我可以继续添加新的元素，而不改变数组中以前插入的值的值？

如何在TypeScript中扩展本地JavaScript数组: 有什么办法从JS本地函数inheritance一个类。对于（eg）我有js在我的js中像这样的function。 function Xarray() { Array.apply(this, arguments); //some stuff for insert, add and remove notification } Xarray.prototype = new Array(); 我试图将其转换为Typescript，但我失败了！ export class Xarray implements Array { } 比较器要求我定义所有的数组接口属性，我知道是否需要这个Xarray.prototype = new Array(); 我必须在TS中扩展数组，如何在TS中扩展JS本地对象？

使用jQuery来search一个HTMLstring: 如果我运行这个代码 – var html= '<html><head></head><body><div class="bar"></div></body></html>'; console.log($(html).find('div')); 我得到没有结果返回，如果我运行这个代码 – var html= '<html><head></head><body><div><div class="bar"></div></div></body></html>'; console.log($(html).find('div')); 然后我得到一个返回的结果 – 内部div（ <div class="bar"></div> ）。我会期望第一个代码片段返回一个结果和第二个片段两个结果。同样，这段代码没有返回结果 – var code = $("<div id='foo'>1</div><div id='bar'>2</div>"); console.log(code.find('div')); 但是这个代码提醒'div'两次 – var code = $("<div id='foo'>1</div><div id='bar'>2</div>"); code.each(function() { alert( this.nodeName ); }) 鉴于第二个片段的结果，我会期望第一个代码片段返回两个结果。有人能解释为什么我得到我得到的结果吗？ http://jsfiddle.net/ipr101/GTCuv/

我如何将JavaScript对象编码为JSON？: 有没有一种好的方法来编码为JSON的JavaScript对象？我有一个键值对的列表…其中名称来自checkbox，根据是否选中该框，该值为true或false： var values = {}; $('#checks :checkbox').each(function() { values[this.name]=this.checked; }); 我想传递这些值到一个JSON对象，所以存储到一个cookie来呈现一个表（列会根据用户检查）添加。有谁知道一个解决scheme？

如何将jsfiddle.net的代码放入我的网站？: 我一直试图在网页底部创build一个小框，当滚动时会展开/popup，然后在鼠标移开时再次closures。我发现这个职位的链接jsfiddle.net（我一直在摆弄），并创build了一些工作完全一样，我想在JSFiddle查看时。但是当我在我的网站上popup时，我无法运行它（我认为这可能与onLoad设置有关，但是我不确定）。这是我在JSFiddle中创build的： JavaScript的 $('#box').hover(function() { $(this).animate({ height: '220px' }, 150); }, function() { $(this).animate({ height: '20px' }, 500); }); CSS #box { position: absolute; width: 300px; height: 20px; left: 33%; right: 33%; min-width: 32%; bottom: 0; background-color: #000000; } HTML <div id="box"></div> 这在JSFiddle中可以正常工作，但是当我尝试将代码插入到我的文件中并将它们链接在一起时不行。如果我将JSFiddle中的下拉框从onLoad或onDomReady为其他任何内容，它将停止工作，但代码不会更改。所以我想我不得不在其他地方添加别的东西。正如你可能猜到的，当谈到JavaScript时，我是一个完全新手，所以我肯定我没有做正确的事情。有人能告诉我如何保存JavaScript代码，并将其链接到我的网页，所以它会像JSFiddle一样工作？

根据一天中的时间更改背景（使用JavaScript）: 好吧，我有两个不同的背景.jpg，我想用它作为背景，取决于一天中的什么时间。我想要从早上7点到晚上8点的阳光明媚的背景和晚上8点到7点的夜晚背景。我正在处理一个远程html文件，我有背景和graphics存储在一个单独的服务器从实际的html文件。大部分的CSS都在html文件中，除了包含背景代码的正文部分，我将它们分离并移动到外部样式表中。我做了两个独立的样式表，一个是每天的图像和一个晚上的图像。这是在夜间CSS样式表的身体CSS。 @charset "UTF-8"; /* CSS Document */ body { background-image: url('http://itsnotch.com/tumblrhttp://img.dovov.comdaytime_bg.jpg') !important; background-repeat: repeat-x !important; background-attachment: fixed !important; background-position: top center !important; background-color:#b68e59 !important; margin-top:-5px !important; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px !important; } 我写了一个JavaScript代码，我认为会工作。但事实并非如此。我把它放在下面，它仍然没有工作。为什么它不工作？我只是想能够切换出时间敏感的背景。 <script type="text/JavaScript"> <!– function getStylesheet() { var currentTime = […]

如何在Javascript中正确使用mixins: 我正在组织一个小企业应用程序，但希望尽可能干。结果，我一直在看mixin库。我遇到了这个库，并认为这可能是一个很好的select，因为它允许你在运行时混合进出。另外，我可以只有一个基类（BaseView），例如只是混入。问题什么是有用的Mixin的一些真正的应用程序示例？（不要再有抽象的例子）我甚至需要扩展类，或者我可以使用这个库来pipe理所有的扩展和混合？

为什么我的JavaScript对象属性被其他实例覆盖？: 我创build了一个如下的对象。 var BaseObject = function(){ var base = this; base.prop; base.setProp = function(val){ base.prop = val; } } 当我调用setProp方法时，我得到以下内容。 var a = new BaseObject(); var b = new BaseObject(); a.setProp("foo"); b.setProp("bar"); console.log(a.prop); // outputs 'foo' console.log(b.prop); // outputs 'bar' 然后我创build了另一个inheritance自BaseObject对象。 var TestObject = function(){ // do something } TestObject.prototype = new BaseObject(); 当我这样做时，我得到了一个我并不期待的结果。 var a […]