javascript 相关问题

JavaScript(不要与Java混淆)是一种高级,动态,多范式,面向对象,基于原型的弱类型语言,用于客户端和服务器端脚本。它的主要用途是渲染和操作网页。使用此标记可以了解有关ECMAScript及其各种方言/实现的问题(不包括ActionScript和Google-Apps-Script)。

使用 React 创建的输入字段不可编辑

我正在学习 React 并创建了一个两页应用程序。第一个向用户展示数据库中的客户列表,其中包含“添加”、“编辑”、“删除”、“查看”按钮,即我的“App.js”。第二个介绍...

回答 1 投票 0

chrome.runtime.onInstalled 未定义

我想在安装扩展后启动这些选项。 以下是我在本例中尝试使用的针对此问题的许多答案。 我的问题是 chrome.runtime.onInstalled 未定义。 那个...

回答 3 投票 0

在 splide 之外使用 SplideJS 箭头

我正在构建这个带有幻灯片的引导页面(移动视图)。 对于设计来说,将箭头放在幻灯片本身之外比尝试将箭头移动到正确位置要容易得多...

回答 3 投票 0

Selenium Webdriver 错误 [UnhandledPromiseRejectionWarning]

刚刚开始通过“Mozilla MDN Web 文档”进入 selenium 世界,并遇到了错误。请帮助我们继续前进。 尝试获取元素的文本属性,例如 p、title、alert...

回答 1 投票 0

如何在我的网站上添加Facebook分享按钮?

我有这段代码,应该可以工作,但不起作用。 <... 我有这段代码应该可以工作,但不起作用。 <script src='http://connect.facebook.net/en_US/all.js'></script> <p><a onclick='postToFeed(); return false;'><img src="images/fb.png" /></a></p> <p id='msg'></p> <script> FB.init({appId: "338334836292077", status: true, cookie: true}); function postToFeed() { // calling the API ... var obj = { method: 'feed', redirect_uri:'https://www.facebook.com/cryswashington?fref=ts', link:'https://developers.facebook.com/docs/reference/dialogs/', picture: 'http://fbrell.com/f8.jpg', name: 'Facebook Dialogs', caption: 'Reference Documentation', description: 'Using Dialogs to interact with users.' }; function callback(response) { document.getElementById('msg').innerHTML = "Post ID: " + response['post_id']; } FB.ui(obj, callback); } </script> 我想在我的网站上添加 Facebook 分享按钮,该按钮只需将我网站的内容发布在墙上即可。有人可以帮助我吗? 您不需要所有这些代码。您所需要的只是以下几行: <a href="https://www.facebook.com/sharer/sharer.php?u=example.org" target="_blank"> Share on Facebook </a> 文档可以在https://developers.facebook.com/docs/reference/plugins/share-links/找到 您可以使用 facebook 提供的异步 Javascript SDK 来做到这一点 看看下面的代码 FB Javascript SDK初始化 <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({appId: 'YOUR APP ID', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; document.getElementById('fb-root').appendChild(e); }()); </script> 注意:请记住将您的应用程序 ID 替换为您的 facebook AppId。如果您没有 facebook AppId 并且不知道如何创建,请检查此 添加 JQuery 库,我更喜欢 Google 库 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> 添加分享对话框(您可以通过设置参数自定义此对话框 <script type="text/javascript"> $(document).ready(function(){ $('#share_button').click(function(e){ e.preventDefault(); FB.ui( { method: 'feed', name: 'This is the content of the "name" field.', link: 'http://www.groupstudy.in/articlePost.php?id=A_111213073144', picture: 'http://www.groupstudy.in/img/logo3.jpeg', caption: 'Top 3 reasons why you should care about your finance', description: "What happens when you don't take care of your finances? Just look at our country -- you spend irresponsibly, get in debt up to your eyeballs, and stress about how you're going to make ends meet. The difference is that you don't have a glut of taxpayers…", message: "" }); }); }); </script> 现在终于添加图像按钮了 <img src = "share_button.png" id = "share_button"> 欲了解更详细的信息。请点击这里 您可以在 Facebook 开发者网站阅读有关共享按钮的更多信息 工作JSFIDDLE 另请查看自定义 Facebook 分享按钮 JSFIDDLE 在打开 <body> 标签后立即包含 Facebook JavaScript SDK 代码 <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> 并将下面的代码放在您想要显示 Facebook 分享按钮的任何位置 <div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-width="200" data-type="button_count"></div> 检查工作情况JSFIDDLE 对于 Facebook 共享 图像,没有 API 并使用 # 深度链接到子页面,技巧是将图像共享为 picture= 变量 mainUrl 将是 http://yoururl.com/ var d1 = $('.targ .t1').text(); var d2 = $('.targ .t2').text(); var d3 = $('.targ .t3').text(); var d4 = $('.targ .t4').text(); var descript_ = d1 + ' ' + d2 + ' ' + d3 + ' ' + d4; var descript = encodeURIComponent(descript_); var imgUrl_ = 'path/to/mypic_'+id+'.jpg'; var imgUrl = mainUrl + encodeURIComponent(imgUrl_); var shareLink = mainUrl + encodeURIComponent('mypage.html#' + id); var fbShareLink = shareLink + '&picture=' + imgUrl + '&description=' + descript; var twShareLink = 'text=' + descript + '&url=' + shareLink; // facebook $(".my-btn .facebook").off("tap click").on("tap click",function(){ var fbpopup = window.open("https://www.facebook.com/sharer/sharer.php?u=" + fbShareLink, "pop", "width=600, height=400, scrollbars=no"); return false; }); // twitter $(".my-btn .twitter").off("tap click").on("tap click",function(){ var twpopup = window.open("http://twitter.com/intent/tweet?" + twShareLink , "pop", "width=600, height=400, scrollbars=no"); return false; }); 这个Facebook页面有一个简单的工具来创建各种分享按钮。 例如,这是我得到的一些输出: <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v8.0" nonce="dilSYGI6"></script> <div class="fb-share-button" data-href="https://www.mocacleveland.org/exhibitions/lee-mingwei-you-are-not-stranger" data-layout="button" data-size="small"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.mocacleveland.org%2Fexhibitions%2Flee-mingwei-you-are-not-stranger&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a> </div> 分享对话框无需登录Facebook 您可以使用带有 share 方法参数的 FB.ui 函数来触发共享对话框来共享链接。通过执行到 URL 的完整重定向,可以在适用于 JavaScript、iOS 和 Android 的 Facebook SDK 中使用此对话框。 您可以触发此呼叫: FB.ui({ method: 'share', href: 'https://developers.facebook.com/docs/', // Link to share }, function(response){}); 您还可以在此 URL 的页面上包含开放图元标签,以自定义分享回 Facebook 的故事。 请注意,仅当使用您的应用程序的人通过 Facebook 登录对您的应用程序进行了身份验证时,才会出现 response.error_message。 您还可以通过 Javascript Facebook SDK 直接与通话共享链接。 https://www.facebook.com/dialog/share&app_id=145634995501895&display=popup&href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F&redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fexplorer https://www.facebook.com/dialog/share&app_id={APP_ID}&display=popup&href={LINK_TO_SHARE}&redirect_uri={REDIRECT_AFTER_SHARE} app_id => 您的应用程序的唯一标识符。 (必填。) redirect_uri => 用户单击对话框上的按钮后重定向到的 URL。使用 URL 重定向时需要。 display => 确定对话框的呈现方式。 如果您使用 URL 重定向对话框实现,那么这将是一个完整的页面显示,显示在 Facebook.com 中。这种显示类型称为页面。 如果您使用我们的 iOS 或 Android SDK 之一来调用该对话框,则会自动指定该对话框并为设备选择适当的显示类型。 如果您使用的是 Facebook SDK for JavaScript,则对于登录到您的应用程序的用户来说,这将默认为模式 iframe 类型,或者在 Facebook.com 上的游戏中使用时采用异步模式,而对于其他人来说,则默认为弹出窗口。如有必要,您还可以在使用 Facebook SDK for JavaScript 时强制使用弹出窗口或页面类型。 移动网络应用程序将始终默认为触摸屏类型。 分享参数 href => 这篇文章所附的链接。使用方法共享时需要。在该 URL 的页面中包含开放图元标记,以自定义共享的故事。 对于您自己的特定服务器或不同的页面和图像按钮,您可以使用类似的东西(仅限 PHP) <a href="http://www.facebook.com/sharer/sharer.php?u=http://'.$_SERVER['SERVER_NAME'].'" target="_blank"><img src="https://i.sstatic.net/rffGp.png" /></a> 我无法分享这个片段,但你会明白的...... 最近 Facebook 标记了我们用于登录的非常简单的应用程序,因为 sharer.php 页面似乎已损坏:https://developers.facebook.com/community/threads/1037356734639128/ 其他人报告了同样的问题,Facebook 没有回复,也没有充分回复我们的应用争议。奇怪的是 sharer.php 与我们的 Facebook 应用程序根本没有任何关联。 我们所做的是修改旧代码,不再使用sharer.php,而是这样做: let url = "https://www.example.com"; let shareUrl = 'https://www.facebook.com/share_channel/?link=' + url + '&source_surface=external_reshare&display&hashtag'; 人们也可以做这样的事情: let shareUrl = 'https://www.facebook.com/share_channel/?link=' + window.location.href + '&source_surface=external_reshare&display&hashtag'; 也可以包含您的应用程序 ID,但我不知道这可能有什么好处/坏处。我们暂时将其保留。 let url = "https://www.example.com"; let shareUrl = 'https://www.facebook.com/share_channel/?link=' + url + '&app_id=000000000000000&source_surface=external_reshare&display&hashtag'; 我们使用内联 JS 来调用包装此函数的函数,但使用单击处理程序或任何其他数量的方法来构建 URL 并将其附加到按钮/链接也可以轻松执行相同的操作。 这些 URL 的来源是 https://www.facebook.com/share/,它会重定向到 https://www.facebook.com/share_channel/

回答 8 投票 0

谁能解释一下console.count的实现吗?

var 用户=“”; 函数问候(){ 控制台.count(); 返回“hi”+用户; } 用户=“鲍勃”; 迎接(); 用户=“爱丽丝”; 迎接(); 迎接(); 控制台.count(); 在上面的示例中,控制台显示 1, 2,...

回答 3 投票 0

使引导模式可拖动并保持背景可用

我正在尝试使引导模式可拖动到页面上的任何位置,并且当模式打开时,我希望用户能够继续使用该页面。 我能够使用 j 使模式可拖动...

回答 2 投票 0

如何修复此框架以便可以按任意顺序定义服务?

至于这个简单的框架设计的有效性,也许你认为它很糟糕,但我真的只是感兴趣让它发挥作用,并通过艰难的方式了解为什么某些设计是好是坏。 ...

回答 1 投票 0

有没有办法获取一个元素的第n个兄弟(元素)? (不是父元素的第 n 个子元素)

我有一个行数未知、列数可变的网格。我通过声明一个常量来设置列数。*我检测到一个组合键将焦点从网格中的元素移动......

回答 2 投票 0

有没有办法获取 和 元素的第 n 个兄弟(元素)? (不是父元素的第 n 个子元素)

我有一个行数未知、列数可变的网格。我通过声明一个常量来设置列数。*我检测到一个组合键将焦点从网格中的元素移动......

回答 2 投票 0

javascript数组中Filter的过滤器

我有一个正在尝试过滤的数组: const 元素 = ['苹果']; 常量对象 = [ { id: 1, 水果:[{"name": "苹果" },{"name": "香蕉" }]}, { id: 2, 水果:[{"名称": "苹果" },{"名称...

回答 1 投票 0

css 径向渐变导致 safari 和 mac os 中 cpu 闪烁出现峰值

我正在尝试在CSS中制作简单的网格渐变动画。它只有 3 个 div,具有径向渐变和比例变换。在任何其他浏览器中,一切都按预期运行。但由于某种原因在 Safari 中

回答 1 投票 0

React 17 出现意外的令牌“导出”

我正在使用 Jest 和 React 为我的项目编写具有以下规格的单元测试用例。当我运行纱线测试(Jest --coverage)时。它给了我以下错误。 错误:测试套件无法运行 开玩笑

回答 1 投票 0

开玩笑:React 17 出现意外的令牌“导出”

我正在使用 Jest 和 React 为我的项目编写具有以下规格的单元测试用例。当我运行纱线测试(Jest --coverage)时。它给了我以下错误。 错误:测试套件无法运行 开玩笑

回答 1 投票 0

Tradingview 小部件 - 自定义简单移动平均线和指数移动平均线长度

我正在尝试从 tradinview 添加“高级实时图表”小部件。我可以添加指数移动平均线和简单移动平均线指标。但默认需要 9 天的长度。我想...

回答 3 投票 0

在 vue 中将 prop 从父组件传递到子组件不起作用

我目前有一个带有 CompositionAPI 的小型 Vue 项目,但现在遇到了问题。 我有一个父组件和两个子组件。子组件用于显示所有用户(其中...

回答 1 投票 0

使用 Cognito 在 2 个 Web 应用程序之间进行 SSO 集成

我们有一个要求,需要外部合作伙伴的用户能够访问我们的网络应用程序。 外部合作伙伴设置:在自己的 AWS 账户上使用 Cognito 用户池的 Web 应用程序 我们的套装你...

回答 1 投票 0

如何在 jQuery UI 中同时使用可排序和可拖动

html: 可拖动1 html: <div class="item-list" id="list"> <div class="draggable" data-index="0" draggable="true">Draggable1</div> <div class="draggable" data-index="1" draggable="true">Draggable2</div> <div class="draggable" data-index="2" draggable="true">Draggable3</div> <div class="draggable" data-index="3" draggable="true">Draggable4</div> <div class="draggable" data-index="4" draggable="true">Draggable5</div> </div> <div class="drawing-board dropzone" id="dropzone"> js: $("#list").sortable().disableSelection(); $('.draggable').draggable({connectToSortable: "#list"}); 演示 Gif 视频 将排序表中的项目拖到外面并允许它们自由移动,然后将它们拖回排序表中以重复之前的功能 请参阅此建议:https://jsfiddle.net/Twisty/zex0L2af/ JavaScript $(function () { $("#list").sortable().disableSelection() $(".draggable").draggable({ connectToSortable: "#list", }) $("#dropzone").droppable({ drop: function (event, ui) { $(ui.draggable).appendTo("#dropzone") $(ui.draggable).position({ of: event, }) }, }) }) 当项目被拖出并放下时,它会附加到 dropzone 并且仍然可拖动。如果将其拖回列表,则使用 ConnectToSortable 首选项。

回答 1 投票 0

“您尝试通过调用 firebase.app() 使用未在项目上本机安装的 Firebase 模块。”升级 React Native 后

ERROR 错误:您尝试通过调用 firebase.app() 使用未在项目上本机安装的 Firebase 模块。 确保您已安装 npm 包“@react-native-firebase/app”,...

回答 1 投票 0

从 Express JS 服务器中的 s3 获取对象并将其作为响应发送

根据客户的授权请求,我想将所有文件发回文件响应。在这里,我从 S3 存储桶获取文件。从S3发回文件并发送的方法是什么?

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.