Tag: JavaScript

从外部JavaScript文件访问PHP var

我可以像这样使用JavaScript来访问一个PHP var： <?php $fruit = "apple"; $color = "red"; ?> <script type="text/javascript"> alert("fruit: " + "<?php echo $fruit; ?>"); // or shortcut "<?= $fruit ?>" </script> 但是如果我想使用一个外部的JS文件呢？ <script type="text/javascript" src="externaljs.js"></script> externaljs.js： alert("color: " + "<?php echo $color; ?>");

将脚本标记添加到React / JSX

我有一个相对简单的问题，尝试将内联脚本添加到React组件。 我到目前为止： 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { render() { return ( <DocumentTitle title="People"> <article className={[prefix('people'), prefix('people', 'index')].join(' ')}> <h1 className="tk-brandon-grotesque">People</h1> <script src="https://use.typekit.net/foobar.js"></script> <script dangerouslySetInnerHTML={{__html: 'try{Typekit.load({ async: true });}catch(e){}'}}></script> </article> </DocumentTitle> ); } }; […]

为什么我的微调GIF停止，而jQuery的Ajax调用正在运行？

我只是开始从ASP.NET UpdatePanels中断开自己。 我正在使用jQuery和jTemplates将Web服务的结果绑定到网格，并且一切正常。 这是事情：我正试图显示一个微调GIF，而表正在刷新（在ASP.NET UpdateProgress）我已经得到了所有的工作，除了微调被冻结。 为了看看发生了什么，我试着将微调控制器从更新进度div中移出，并在整个页面上看到。 它旋转并旋转，直到刷新开始，并保持冻结，直到刷新完成，然后再次开始旋转。 不是真正的你想从一个'请稍候'微调！ 这是在IE7中 – 还没有机会在其他浏览器中testing。 有什么想法吗？ ajax调用或客户端数据绑定如此耗费资源以至于浏览器无法使用animationGIF？ 更新 这是刷新网格的代码。 不知道这是同步还是asynchronous。 updateConcessions = function(e) { $.ajax({ type: "POST", url: "Concessions.aspx/GetConcessions", data: "{'Countries':'ga'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(msg) { applyTemplate(msg); }, error: function(XMLHttpRequest, textStatus, errorThrown) { } }); } applyTemplate = function(msg) { $('div#TemplateTarget').setTemplate($('div#TemplateSource').html()); $('div#TemplateTarget').processTemplate(msg); } 更新2 我只是检查了jQuery文档 ， […]

如何从HTML中删除/replaceangular2组件的select器标签

我开始使用angular2（版本2.0.0-alpha.46），我创build了几个组件，当使用下面的代码创buildangular2组件 打字稿 import {ComponentMetadata as Component, ViewMetadata as View} from 'angular2/angular2'; @Component({ selector: 'my-component' }) @View({ template: '<div class="myClass">Hello My component</div>' }) export class MyCompoent{ constructor() { console.info('My Component Mounted Successfully'); } } HTML <my-component></my-component> 它工作正常，但是当我做一个检查元素，我可以看到一个标签生成 输出HTML <my-component> <div>Hello My component</div> <my-component> 问题 它将<my-component>标签保留在HTML中，并且我的一些CSS不能按预期工作。 题 那么他们是如何去除标签<my-component>呢？ 类似于angular度1.x（在指令中replace为true）。 任何帮助将不胜感激..！

如何检测鼠标右键点击并粘贴使用JavaScript？

有没有办法检测到右键点击，然后在IE和Firefox上粘贴JavaScript？ 更新： 我决定用Jquery来做到这一点： $('#controlId').bind('paste', null, function() { // code }); 这不正是我所期待的（因为它被'ctrl + v'以及'右键点击+粘贴'被解雇，但我可以解决它。 在Chrome，Firefox 3，IE 7和IE 6上testing过，并且正在运行

将一个JS数组分割成N个数组

想象一下，我有这样一个JS数组： var a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]; 我想要的是将该数组分割成N个较小的数组。 例如： split_list_in_n(a, 2) [[1, 2, 3, 4, 5, 6], [7, 8, 9, 10, 11]] For N = 3: [[1, 2, 3, 4], [5, 6, 7, 8], [9, 10, 11]] For N = 4: [[1, 2, 3], [4, 5, 6], […]

用input键防止表单提交

我只是写了这个漂亮的小函数，在表单本身上工作… $("#form").keypress(function(e){ if (e.which == 13) { var tagName = e.target.tagName.toLowerCase(); if (tagName !== "textarea") { return false; } } } 在我的逻辑我想接受input一个textareainput。 也将是一个额外的好处，取代input字段的input键行为与行为选项卡到下一个input字段（就像按Tab键）。 有谁知道一种方法来使用事件传播模型来正确地触发适当的元素上的回车键，但防止表单提交它的新闻。

强制链接打开移动Safari浏览器从一个Web应用程序与JavaScript

在iOS Web应用程序中调用window.open()时，将在Web应用程序中打开页面，而不是移动Safari。 如何强制网页在移动Safari浏览器打开？ 注意：使用直接的<a href>链接不是一个选项。

Firebase权限被拒绝

我比较新的编码，有麻烦。 我有这个代码发送数据到firebase app.userid = app.user.uid var userRef = app.dataInfo.child(app.users); var useridRef = userRef.child(app.userid); useridRef.set({ locations: "", theme: "", colorScheme: "", food: "" }); 但是，我不断收到错误： FIREBASE警告：设置在/ users /（GoogleID）失败：permission_denied 2016-05-23 22:52:42.707 firebase.js：227未捕获（承诺）错误：PERMISSION_DENIED：权限被拒绝（…） 当我试图查看这个问题时，它谈到了关于Firebase的规则，这个规则似乎是我还没有学习的语言（或者只是在我的头上）。 有人可以解释是什么造成这个问题？ 我以为是我要求它存储电子邮件和用户显示名称，你只是不允许这样做，但当我把它们拿出来，我仍然有同样的问题。 有没有办法避免这个错误，而没有设定规则，或规则的东西，我可以教自己如何写在一天，或者我刚刚离开我的联盟吗？ 感谢您的帮助！

防止从元素滚动“冒泡”到窗口

我有一个模式框窗口（popup），其中包含一个iframe， 在iframe里面有一个可滚动的div 。 当我滚动iframe的内部DIV，并达到其顶部或底部的限制， 浏览器本身的窗口开始滚动。 这是一个不想要的行为 。 我尝试过这样的事情，当主窗口滚动时， 当鼠标进入popup框区域时鼠标进入： e.preventDefault（）不工作，因为它应该由于某种原因… $("#popup").mouseenter(function(){ $(window).bind("scroll", function(e){ e.preventDefault(); }); }).mouseleave(function(){ $(window).unbind("scroll"); }); 更新 看起来像现在在2013 e.preventDefault(); 足够…