草庐IT

注册页面

全部标签

javascript - 加载页面后如何在Angular 4中获取(DOM)元素的宽度

我正在Angular4中寻找一个解决方案来获取DOM元素的宽度而不采取任何操作(单击或调整窗口大小),就在页面加载之后但在我开始绘制svg之前。我在here中发现了类似的案例但它对我不起作用。我得到同样的错误:ERRORTypeError:Cannotreadproperty'nativeElement'ofundefined我需要获取div容器的宽度来设置我在其中绘制的svg的veiwbox。这是模板:和在这种情况下需要的东西的TS文件:import{Component,Input,OnInit,ViewEncapsulation,AfterViewInit,ViewChild,El

javascript - 将自定义用户代理关联到特定的 Google Chrome 页面/标签

我正在开发GoogleChrome扩展程序,我想在不影响其他页面或选项卡的情况下,为选项卡/页面或弹出窗口(iframe显示为“气泡弹出窗口”)设置特定的用户代理.这可能吗? 最佳答案 webRequestAPI可用于修改用户代理header。注意:开发人员工具中的网络选项卡显示旧header。我已使用netcat验证header设置正确(nc-l127.0.0.1-p6789)。在下面的示例中,代码在所有选项卡上激活。调整requestfilter以满足您的要求。添加tabId以使用选项卡的tabId(可通过各种API获得,特别是

javascript - 如何使用 JavaScript 在另一个页面上填写表单

我正在尝试通过JavaScript填写表单上的字段。问题是我只知道如何在当前页面上执行JavaScript,所以我无法重定向到表单并从那里执行代码。我对使用这个术语犹豫不决,但想到的唯一短语是跨站点脚本。我尝试执行的代码如下。window.location="http://www.pagewithaform.com";loaded();//checkstoseeifpageisloaded.ifnot,checksaftertimeout.functionloaded(){if(window.onLoad){//neverexecutesonnewpage.theproblemsetT

javascript - jquery 需要在部分页面回发时重新绑定(bind)事件

当我执行部分页面回发时,如何重新绑定(bind)我的事件(jquery)?我正在使用以下方法连接所有内容:$(document).ready(function(){};部分页面回发后,我的事件没有触发。 最佳答案 您可以点击PageRequestManager结束请求事件:Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function(){});或者,如果您要附加的是控制事件,则可以使用jQueryliveevents.另一种选择是手动进行事件委托(dele

.net - 如何在页面加载前执行 Javascript 函数?

我正在使用隐藏字段“Isjsenabled”来检测客户端的Javascript是启用还是禁用。如果启用了Javascript,将触发Javascript函数并将隐藏字段的值设置为1。我想检查服务器端Page_load的隐藏值。但问题是Javascript在页面加载后被触发。你有什么建议吗?HTML部分$(function(){$("#").val(1);});代码隐藏部分protectedvoidPage_Load(objectsender,EventArgse){HtmlInputHiddenhdn=this.FindControl("Isjsenabled")asHtmlInput

javascript - AJAX:提交表单而不刷新页面

我有一个类似下面的表格:我是AJAX的新手,我想要完成的是当用户单击提交按钮时,我希望mail.php脚本在后台运行而不刷新页面。我尝试了类似下面的代码,但是,它似乎仍然像以前一样提交表单,而不是我需要它(在幕后):$.post('mail.php',$('#myForm').serialize());如果可能,我想获得使用AJAX实现此功能的帮助,提前致谢 最佳答案 您需要阻止默认操作(实际提交)。$(function(){$('form#myForm').on('submit',function(e){$.post('mail.

javascript - <MuiThemeProvider/> 中的其他组件导致空白页面没有错误消息

我最近使用npminstall--savematerialui在我的Meteor应用程序中安装了MaterialUI我得到了组件出现在我的app.js中文件,但每当我添加其他组件时,localhost:3000只是显示一个空白页。请在下面查看我的代码:header.jsimportReact,{Component}from'react';importAppBarfrom'material-ui/AppBar';classHeaderextendsComponent{render(){return();}}exportdefaultHeader;app.jsimportReactfrom

javascript - 在页面中多次使用时,JQuery 插件不起作用

我正在尝试编写一个名为grid2carousel的JQuery插件,它在桌面设备上采用Bootstrap样式网格中的一些内容,并在较小的屏幕上变成轮播。如果它是页面上的唯一实例,则该插件工作正常,但如果有多个实例,则会遇到一些问题。我在这里创建了一个Codepen来演示这个问题:http://codepen.io/decodedcreative/pen/BzdBpb尝试注释掉codepen的HTML部分中的一个组件,调整浏览器大小直到它变成轮播,然后在取消注释的情况下再次重复此过程每当浏览器宽度低于HTML数据属性中指定的断点时,该插件就会运行一个名为SetupPlugin的内部函数。

javascript - 使用 React 或 Vue 增强多页面应用程序的某些部分

我正在服务器端使用java&hibernate&springmvc开发企业应用程序并使用jquery在客户端(不是SPA)。现在在搜索页面中,我使用ajax并仅获得json响应,但我不想在每个搜索或分页请求中都写如下内容。function(ajaxData){....$('#search').html(''+''+''+''+ajaxData.title+''+......''+'')....}我认为使用jsx和react或vuecomponent只是在这个页面刷新结果。我还想重用一些htmlblock,我认为使用react或vue会很容易我曾经构建过一个小的SPA项目,它都是关于np

javascript - 拦截按键(如空格和箭头)时停止页面滚动

我正在使用JavaScript和Prototype并捕捉用户的按键操作。我用这样的代码成功地捕获了返回、空格和箭头:Event.observe(window,"keyup",function(e){switch(e.keyCode){caseEvent.KEY_RETURN:caseEvent.KEY_RIGHT:case32://space//dosomethingbreak;}});我的问题是空格和箭头一直在滚动页面。有没有办法阻止他们滚动页面? 最佳答案 使用e.preventDefault()停止浏览器的默认行为