草庐IT

模板代码

全部标签

javascript - 这是对复选框输入的默认点击事件的核心误解,还是有缺陷的代码?

当绑定(bind)到复选框输入的点击事件时,该复选框在我的事件处理程序运行时已经切换,更奇怪的是,如果我指定event.preventDefault();functionclicked(evt){alert(document.getElementById('foo').checked);evt.preventDefault();}document.getElementById('foo').addEventListener('click',clicked);[在chrome和firefox中测试]JSFiddleforthatcode警报将响应“true”(或复选框预单击的相反状态)。

Javascript 函数 - 将地理位置代码转换为街道地址

我正在寻找一个javascript函数或jquery库来将地理位置代码(例如42.2342,32.23452)转换为街道地址例如。navigator.geolocation.getCurrentPosition(function(pos){$("#lat_field").val(pos.coords.latitude);$("#long_field").val(pos.coords.longitude);});这是一个获取地址数据的googleapiURLhttp://maps.googleapis.com/maps/api/geocode/json?latlng=41.0353112

javascript - 代码不会在 $(document).ready 中执行,但会在开发人员控制台中执行

我有一些代码包装在$(document).ready(function(){/*code*/});中,除了一行之外,所有代码都工作正常。上面的代码工作正常,下面的代码工作正常,我的控制台没有收到任何错误。$('.main-right.category').height($('.footer').height()+$('.main-right.category').height());那不火。但是,如果我将它准确地粘贴到开发人员控制台中并在页面加载后按回车键,它就可以工作了。所有元素都存在于页面加载时(意味着没有元素是通过javascript动态构建的)。在chrome、firefox、

javascript - underscore.js 和 backbone.js 的外部 html 模板

我可以将我的模板放在单独的.html文件中,然后在我的index.html中引用它们吗?索引.html:项目列表-tmpl.html:我试过了,但问题是它没有在index.html上显示模板,但它加载在正确的位置(使用Firebug查看)更新找到了一个可能的解决方案,但不推荐用于生产环境。 最佳答案 从http://coenraets.org/blog/2012/01/backbone-js-lessons-learned-and-improved-sample-app/#comment-35324得到这个为此创建一个单独的js文件

javascript - 如果将前端代码分组有助于减少请求,为什么不将更多网站写在一个 html 文档上?

我想我想问的是,如果将JavaScript分组被认为是一种好的做法,为什么没有更多的网站将JavaScript和CSS直接放入一个HTML文档中? 最佳答案 whydon'tmorewebsitesplacetheJavaScriptandCSSdirectlyintooneHTMLdocument单个文件缓存。外部文件具有被缓存的优势。由于脚本和样式很少更改(静态)和/或在页面之间共享,因此最好将它们与页面分开,使页面更轻便。与其下载500kb的嵌入JS和CSS的页面数据,为什么不加载5kb的页面,并从缓存中加载495kb的JS和

javascript - Crockford 关于构造函数调用模式的代码

下面的代码几乎与道格拉斯·克罗克福德(DouglasCrockford)的精湛著作《JavaScript:好的部分》第29-30页中的一些代码相同。唯一的区别是他像这样添加了get_status属性:Quo.prototype.get_status=function(){this.status=string;}我的问题是为什么他的代码运行正常,但我在下面的小改动会导致出现错误,提示myQuo没有get_status方法?varQuo=function(string){this.status=string;}Quo.get_status=function(){returnthis.sta

javascript - Knockout.js 多个外部模板和多个 VM 切换失败

我正在使用以下内容:knockout-2.1.0.jskoExternalTemplateEngine_all.js我要实现的目标如下:模板容器加载外部HTML并为该HTML加载特定的VM(有效)。模板容器加载/切换到另一个外部HTML,以及该HTML的其他特定VM(有效)。模板容器切换回第一个模板/VM,连同他们的VM(不起作用!)。我猜它不起作用的原因是因为模板在VM之前加载(它确实给我绑定(bind)错误)。我网站的结构是这样的(不包括上面提到的库):index.html(包含模板容器)js/script.js(包含主要的ViewModel)js/firstvm.js(持有第一个

javascript - 您可以跨多个模板共享数据吗?

我有时发现自己向多个模板声明相同的数据。例如:Template.auction_page.auctionDurations=function(){return[30,60,120];};Template.auction_editor.auctionDurations=function(){return[30,60,120];};我可以通过使用全局变量让它变得更好:Template.auction_page.auctionDurations=function(){returnglobal.auctionDurations;};Template.auction_editor.auction

javascript - 如何知道脚本 block 或 JavaScript 代码的生命周期?

我想知道javascriptblock/函数是否在加载后始终可用。因为我已经测试了一些东西,现在我有点困惑。我将一个脚本block定义到一个div中。脚本block有一个事件处理函数,用于元素使用ajax重新加载div。ajax调用返回div的纯html并将其替换为当前的html。但这意味着替换执行的脚本。我认为脚本会在替换语句后停止执行。但它没有。执行替换语句后的代码行那么这些东西是如何工作的。您如何描述脚本block的生命周期? 最佳答案 当代码包含在script中时元素被求值时,代码求值的结果成为页面运行时环境的一部分。删除s

javascript - 在为一个小行星编写代码后,如何制作多个小行星?

我正在使用JavaScript制作游戏,我创建了一颗垂直移动并随机选择x位置的小行星。如何创建多个选择随机起点的小行星?以下是我目前对小行星的了解://createasteroidasteroid={x:width/2,y:-6,min:1.6,max:2.2,speed:1.6}//moveasteroidif(asteroid.y 最佳答案 将您的移动和绘制例程放入小行星对象的方法中://DefineanAsteroidconstructorfunctionAsteroid(width,height){this.width=wi